Changes for page Art & Research Services Navigator
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 39.22
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:34
on Thursday, 03 Sep 2026 9:34
Change comment:
There is no comment for this version
To version 39.19
edited by Veronika Kocher
on Wednesday, 02 Sep 2026 17:13
on Wednesday, 02 Sep 2026 17:13
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -2,22 +2,23 @@ 2 2 3 3 The **Art & Research Services Navigator** helps you find the right guidance, services and resources for each stage of your project. 4 4 5 +{{html}}<!-- ARSN_GOVERNANCE_ROUTING_V1 -->{{/html}} 5 5 {{info title="How responsibilities work"}} 6 -The navigator brings services together around the project lifecycle and the researcher's task.It is a navigation layer across university services, not a separate organisational unit.7 +The navigator is a **cross-unit service map**, not a separate organisational unit. It organises support around the project lifecycle and the researcher's task. 7 7 8 -**Support Kunst und Forschung (SKF)** s upportsproject and fundingactivities—especiallyproject development, funding and calls, proposals,and coordinationoffunded projects — and, where useful,connects them with the University'srelevant services.9 +**Support Kunst und Forschung (SKF)** is the central project and funding hub for project-oriented artistic and scientific research: project development, funding and calls, proposals, funded-project coordination and funder-facing reporting. 9 9 10 - Dependingonthequestion,thesemayincludethe**University Library / Research Data Management&Repository**,**IT**,**LegalandData Protection**,**FinanceandPersonnel**,**PublicationsandCommunication**,**Event Management**, the**International Office** and other services.11 +**Specialist service owners** retain responsibility for their fields — for example University Library / Research Data Management / Repository, IT & Digitalisation, Legal / Data Protection, Finance / Personnel, Publications / Press & Communication / Event Management, Facility Management and the International Office. 11 11 12 -The **institute, department or other host unit** remains the artistic oracademic home of the project. The navigatorbrings theseofferstogetheralongtheprojectstages so youcanstartfrom yourneedratherthanfrom the organisational chart.13 +The **institute, department or other host unit** remains the artistic/academic home of the project. The navigator connects these responsibilities; it does not transfer specialist ownership between units. 13 13 {{/info}} 14 14 16 +(% style="margin:20px 0 26px 0;" %) 17 +((( 18 +{{box title="Search the Art & Research Services Navigator"}} 19 +Type a topic, synonym or common query. Matching pages are suggested immediately. Search-term links on the topic pages use the same controlled vocabulary. 15 15 16 - 17 17 {{html clean="false"}} 18 -<section data-arsn-search-block-fix="v5" style="margin:20px 0 26px 0;padding:16px 18px;border:1px solid #e3ded6;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);"> 19 - <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art & Research Services Navigator</h2> 20 - <p style="margin:0 0 12px 0;color:#6a655e;">Type a topic, synonym or common query. Matching pages are suggested immediately. Search-term links on the topic pages use the same controlled vocabulary.</p> 21 21 <form 22 22 id="arsn-search-form" 23 23 action="https://xwiki.uni-ak.ac.at/bin/view/Main/SolrSearch" ... ... @@ -340,9 +340,11 @@ 340 340 } 341 341 })(); 342 342 </script> 343 -</section> 344 344 {{/html}} 345 345 346 +{{/box}} 347 +))) 348 + 346 346 (% style="margin:10px 0 16px 0;color:#6a655e;font-size:13px;" %) 347 347 ((( 348 348 Follow the project stages from left to right. Within each stage, topics are ordered by what you are most likely to need next; colour is used only as a subtle thematic cue. ... ... @@ -633,704 +633,11 @@ 633 633 == Need help finding the right route? == 634 634 635 635 {{info title="Start with the right service"}} 636 -For **project development, funding, proposals and coordination of funded art andresearch projects**, **Support Kunst und Forschung**is a good place to start.639 +For **project development, funding, proposals and coordination of funded art/research projects**, start with **Support Kunst und Forschung**. 637 637 638 -For more specific questions, the topic pages point directly to the relevant university services. When several areas are involved, use the navigator to see which support is useful at the next step. 641 +For **specialist questions**, use the responsible service named on the relevant topic page. The navigator is the shared front door; the specialist units remain accountable for their fields. 642 + 643 +//Add the central routing/contact-form link here once it is available.// 639 639 {{/info}} 640 640 ))) 641 641 642 -{{html clean="false"}} 643 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_START --> 644 -<style data-sn-horizontal-box-harmonizer="4"> 645 -[data-sn-equal-height-managed], 646 -[data-sn-first-section-aligned]{ 647 - box-sizing:border-box; 648 -} 649 -</style> 650 -<script data-sn-horizontal-box-harmonizer="4"> 651 -(function(){ 652 - "use strict"; 653 - 654 - var MOBILE_MAX=767; 655 - var ROW_TOLERANCE=6; 656 - var MIN_W=150; 657 - var MIN_H=36; 658 - var MAX_PARENT_CHILDREN=16; 659 - var SEARCH_DEPTH=5; 660 - 661 - var root= 662 - document.getElementById("xwikicontent")|| 663 - document.querySelector(".xwiki-rendering-content")|| 664 - document.querySelector("main")|| 665 - document.body; 666 - 667 - if(!root)return; 668 - 669 - var heightManaged=new Set(); 670 - var sectionManaged=new Set(); 671 - var originalMinHeight=new WeakMap(); 672 - var originalMarginTop=new WeakMap(); 673 - var raf=0; 674 - 675 - function num(v){ 676 - var n=parseFloat(v); 677 - return Number.isFinite(n)?n:0; 678 - } 679 - 680 - function visible(el,minW,minH){ 681 - if(!el||el.nodeType!==1)return false; 682 - 683 - var s=getComputedStyle(el); 684 - 685 - if( 686 - s.display==="none"|| 687 - s.visibility==="hidden"|| 688 - Number(s.opacity)===0 689 - ){ 690 - return false; 691 - } 692 - 693 - var r=el.getBoundingClientRect(); 694 - 695 - return ( 696 - r.width>=(minW||1)&& 697 - r.height>=(minH||1) 698 - ); 699 - } 700 - 701 - function excluded(el){ 702 - return ( 703 - !el.matches|| 704 - el.matches( 705 - "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]" 706 - ) 707 - ); 708 - } 709 - 710 - function namedLikeBox(el){ 711 - var c= 712 - typeof el.className==="string" 713 - ? el.className 714 - : ""; 715 - 716 - return /(^|[s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([s_-]|$)/i.test(c); 717 - } 718 - 719 - function boxLike(el){ 720 - if(!visible(el,MIN_W,MIN_H)||excluded(el))return false; 721 - 722 - var s=getComputedStyle(el); 723 - var r=el.getBoundingClientRect(); 724 - 725 - var border= 726 - num(s.borderTopWidth)+ 727 - num(s.borderRightWidth)+ 728 - num(s.borderBottomWidth)+ 729 - num(s.borderLeftWidth); 730 - 731 - var radius=Math.max( 732 - num(s.borderTopLeftRadius), 733 - num(s.borderTopRightRadius), 734 - num(s.borderBottomLeftRadius), 735 - num(s.borderBottomRightRadius) 736 - ); 737 - 738 - var bg= 739 - s.backgroundColor&& 740 - s.backgroundColor!=="rgba(0, 0, 0, 0)"&& 741 - s.backgroundColor!=="transparent"; 742 - 743 - var shadow= 744 - s.boxShadow&& 745 - s.boxShadow!=="none"; 746 - 747 - return ( 748 - namedLikeBox(el)|| 749 - border>=1|| 750 - (bg&&radius>=3)|| 751 - (shadow&&r.width>=180) 752 - ); 753 - } 754 - 755 - function saveOriginal(el,map,property){ 756 - if(map.has(el))return; 757 - 758 - map.set(el,{ 759 - value:el.style.getPropertyValue(property), 760 - priority:el.style.getPropertyPriority(property) 761 - }); 762 - } 763 - 764 - function restoreOriginal(el,map,property){ 765 - var original=map.get(el); 766 - 767 - if(original&&original.value){ 768 - el.style.setProperty( 769 - property, 770 - original.value, 771 - original.priority||"" 772 - ); 773 - }else{ 774 - el.style.removeProperty(property); 775 - } 776 - } 777 - 778 - function reset(){ 779 - heightManaged.forEach(function(el){ 780 - restoreOriginal( 781 - el, 782 - originalMinHeight, 783 - "min-height" 784 - ); 785 - 786 - el.removeAttribute( 787 - "data-sn-equal-height-managed" 788 - ); 789 - }); 790 - 791 - sectionManaged.forEach(function(el){ 792 - restoreOriginal( 793 - el, 794 - originalMarginTop, 795 - "margin-top" 796 - ); 797 - 798 - el.removeAttribute( 799 - "data-sn-first-section-aligned" 800 - ); 801 - }); 802 - 803 - heightManaged.clear(); 804 - sectionManaged.clear(); 805 - } 806 - 807 - function pickTarget(child){ 808 - if(!visible(child,MIN_W,MIN_H))return null; 809 - 810 - if(boxLike(child)){ 811 - return child; 812 - } 813 - 814 - var cr=child.getBoundingClientRect(); 815 - var q=[]; 816 - 817 - Array.from(child.children||[]).forEach(function(el){ 818 - q.push({el:el,depth:1}); 819 - }); 820 - 821 - var best=null; 822 - var bestScore=-Infinity; 823 - 824 - while(q.length){ 825 - var item=q.shift(); 826 - var el=item.el; 827 - 828 - if(!visible(el,MIN_W,MIN_H))continue; 829 - 830 - var r=el.getBoundingClientRect(); 831 - 832 - if( 833 - r.width>=cr.width*.68&& 834 - boxLike(el) 835 - ){ 836 - var widthFit= 837 - 1-Math.min( 838 - 1, 839 - Math.abs(cr.width-r.width)/ 840 - Math.max(1,cr.width) 841 - ); 842 - 843 - var topFit= 844 - 1-Math.min( 845 - 1, 846 - Math.abs(cr.top-r.top)/100 847 - ); 848 - 849 - var score= 850 - widthFit*6+ 851 - topFit*3+ 852 - Math.min(r.height,900)/450+ 853 - Math.min(r.width*r.height,900000)/900000; 854 - 855 - if(score>bestScore){ 856 - best=el; 857 - bestScore=score; 858 - } 859 - } 860 - 861 - if(item.depth<SEARCH_DEPTH){ 862 - Array.from(el.children||[]).forEach(function(next){ 863 - q.push({ 864 - el:next, 865 - depth:item.depth+1 866 - }); 867 - }); 868 - } 869 - } 870 - 871 - return best; 872 - } 873 - 874 - function groupsByVisualRow(entries){ 875 - var groups=[]; 876 - 877 - entries 878 - .slice() 879 - .sort(function(a,b){ 880 - return ( 881 - a.rect.top-b.rect.top|| 882 - a.rect.left-b.rect.left 883 - ); 884 - }) 885 - .forEach(function(entry){ 886 - var group=null; 887 - 888 - for(var i=0;i<groups.length;i++){ 889 - if( 890 - Math.abs( 891 - groups[i].top- 892 - entry.rect.top 893 - )<=ROW_TOLERANCE 894 - ){ 895 - group=groups[i]; 896 - break; 897 - } 898 - } 899 - 900 - if(!group){ 901 - group={ 902 - top:entry.rect.top, 903 - entries:[] 904 - }; 905 - groups.push(group); 906 - } 907 - 908 - group.entries.push(entry); 909 - }); 910 - 911 - return groups; 912 - } 913 - 914 - function validHorizontalGroup(group){ 915 - if(group.entries.length<2)return false; 916 - 917 - var lefts= 918 - group.entries 919 - .map(function(e){return e.rect.left;}) 920 - .sort(function(a,b){return a-b;}); 921 - 922 - if( 923 - lefts[lefts.length-1]- 924 - lefts[0]< 925 - 80 926 - ){ 927 - return false; 928 - } 929 - 930 - var widths= 931 - group.entries 932 - .map(function(e){return e.rect.width;}) 933 - .filter(function(w){return w>0;}); 934 - 935 - if(widths.length<2)return false; 936 - 937 - var minWidth=Math.min.apply(Math,widths); 938 - var maxWidth=Math.max.apply(Math,widths); 939 - 940 - return ( 941 - maxWidth/ 942 - Math.max(1,minWidth)<= 943 - 1.9 944 - ); 945 - } 946 - 947 - function normalizeText(text){ 948 - return String(text||"") 949 - .replace(/s+/g," ") 950 - .trim() 951 - .toUpperCase(); 952 - } 953 - 954 - function exactKnownFirstSection(el){ 955 - var text=normalizeText(el.textContent); 956 - 957 - return ( 958 - text==="HIER STARTEN"|| 959 - text==="ORGANISIEREN & DOKUMENTIEREN"|| 960 - text==="ENTSCHEIDEN"|| 961 - text==="START HERE"|| 962 - text==="GET STARTED"|| 963 - text==="ORGANISE & DOCUMENT"|| 964 - text==="ORGANIZE & DOCUMENT"|| 965 - text==="DECIDE" 966 - ); 967 - } 968 - 969 - function visuallyFirstSectionBar(card){ 970 - var cardRect=card.getBoundingClientRect(); 971 - var candidates=[]; 972 - 973 - Array.from( 974 - card.querySelectorAll( 975 - "div,p,span,strong,h3,h4,h5,h6" 976 - ) 977 - ).forEach(function(el){ 978 - if(!visible(el,20,6))return; 979 - if(excluded(el))return; 980 - 981 - var r=el.getBoundingClientRect(); 982 - var relativeTop=r.top-cardRect.top; 983 - 984 - if( 985 - relativeTop<45|| 986 - relativeTop>cardRect.height*.72 987 - ){ 988 - return; 989 - } 990 - 991 - var widthRatio= 992 - r.width/ 993 - Math.max(1,cardRect.width); 994 - 995 - if( 996 - widthRatio<.55|| 997 - widthRatio>1.05|| 998 - r.height>54 999 - ){ 1000 - return; 1001 - } 1002 - 1003 - var text=normalizeText(el.textContent); 1004 - 1005 - if( 1006 - text.length<2|| 1007 - text.length>90 1008 - ){ 1009 - return; 1010 - } 1011 - 1012 - var style=getComputedStyle(el); 1013 - 1014 - var bg= 1015 - style.backgroundColor&& 1016 - style.backgroundColor!=="rgba(0, 0, 0, 0)"&& 1017 - style.backgroundColor!=="transparent"; 1018 - 1019 - var border= 1020 - num(style.borderTopWidth)+ 1021 - num(style.borderRightWidth)+ 1022 - num(style.borderBottomWidth)+ 1023 - num(style.borderLeftWidth); 1024 - 1025 - var mostlyUpper= 1026 - text.length>=3&& 1027 - text===text.toUpperCase(); 1028 - 1029 - var exact=exactKnownFirstSection(el); 1030 - 1031 - var score= 1032 - (exact?20:0)+ 1033 - (bg?6:0)+ 1034 - (border>=1?2:0)+ 1035 - (mostlyUpper?4:0)+ 1036 - (num(style.fontWeight)>=600?1:0); 1037 - 1038 - if(score>=7){ 1039 - candidates.push({ 1040 - el:el, 1041 - relativeTop:relativeTop, 1042 - width:r.width, 1043 - score:score 1044 - }); 1045 - } 1046 - }); 1047 - 1048 - if(!candidates.length)return null; 1049 - 1050 - candidates.sort(function(a,b){ 1051 - if(a.score!==b.score)return b.score-a.score; 1052 - if(Math.abs(a.relativeTop-b.relativeTop)>3){ 1053 - return a.relativeTop-b.relativeTop; 1054 - } 1055 - return b.width-a.width; 1056 - }); 1057 - 1058 - // For exact known labels always prefer the earliest exact match. 1059 - var exacts=candidates.filter(function(c){ 1060 - return exactKnownFirstSection(c.el); 1061 - }); 1062 - 1063 - if(exacts.length){ 1064 - exacts.sort(function(a,b){ 1065 - return a.relativeTop-b.relativeTop||b.width-a.width; 1066 - }); 1067 - return exacts[0].el; 1068 - } 1069 - 1070 - // Generic fallback: earliest high-confidence bar. 1071 - candidates.sort(function(a,b){ 1072 - return a.relativeTop-b.relativeTop||b.score-a.score||b.width-a.width; 1073 - }); 1074 - 1075 - return candidates[0].el; 1076 - } 1077 - 1078 - function alignFirstSections(cards){ 1079 - var rows= 1080 - cards.map(function(card){ 1081 - var bar= 1082 - visuallyFirstSectionBar(card); 1083 - 1084 - if(!bar)return null; 1085 - 1086 - var cardRect= 1087 - card.getBoundingClientRect(); 1088 - 1089 - var barRect= 1090 - bar.getBoundingClientRect(); 1091 - 1092 - return { 1093 - card:card, 1094 - bar:bar, 1095 - relativeTop: 1096 - barRect.top-cardRect.top, 1097 - label: 1098 - normalizeText(bar.textContent) 1099 - }; 1100 - }); 1101 - 1102 - // Conservative: only align when every card in the horizontal row 1103 - // has a reliable first section bar. 1104 - if( 1105 - rows.some(function(row){ 1106 - return !row; 1107 - }) 1108 - ){ 1109 - return null; 1110 - } 1111 - 1112 - var targetTop= 1113 - Math.max.apply( 1114 - Math, 1115 - rows.map(function(row){ 1116 - return row.relativeTop; 1117 - }) 1118 - ); 1119 - 1120 - rows.forEach(function(row){ 1121 - var delta= 1122 - targetTop- 1123 - row.relativeTop; 1124 - 1125 - if(delta<=1)return; 1126 - 1127 - saveOriginal( 1128 - row.bar, 1129 - originalMarginTop, 1130 - "margin-top" 1131 - ); 1132 - 1133 - var currentMargin= 1134 - num( 1135 - getComputedStyle( 1136 - row.bar 1137 - ).marginTop 1138 - ); 1139 - 1140 - row.bar.style.setProperty( 1141 - "margin-top", 1142 - ( 1143 - currentMargin+ 1144 - delta 1145 - )+"px" 1146 - ); 1147 - 1148 - row.bar.setAttribute( 1149 - "data-sn-first-section-aligned", 1150 - "4" 1151 - ); 1152 - 1153 - sectionManaged.add(row.bar); 1154 - }); 1155 - 1156 - return { 1157 - labels: 1158 - rows.map(function(row){ 1159 - return row.label; 1160 - }), 1161 - targetRelativeTop: 1162 - Math.round(targetTop) 1163 - }; 1164 - } 1165 - 1166 - function applyGroup(group){ 1167 - if(!validHorizontalGroup(group)){ 1168 - return null; 1169 - } 1170 - 1171 - var cards=[]; 1172 - var seen=new Set(); 1173 - 1174 - group.entries.forEach(function(entry){ 1175 - if(!seen.has(entry.target)){ 1176 - seen.add(entry.target); 1177 - cards.push(entry.target); 1178 - } 1179 - }); 1180 - 1181 - if(cards.length<2)return null; 1182 - 1183 - var firstSection= 1184 - alignFirstSections(cards); 1185 - 1186 - // The section alignment can change natural card heights. 1187 - // Measure only afterwards. 1188 - var maxHeight=0; 1189 - 1190 - cards.forEach(function(card){ 1191 - maxHeight=Math.max( 1192 - maxHeight, 1193 - card.getBoundingClientRect().height 1194 - ); 1195 - }); 1196 - 1197 - maxHeight=Math.ceil(maxHeight); 1198 - 1199 - if(maxHeight<MIN_H)return null; 1200 - 1201 - cards.forEach(function(card){ 1202 - saveOriginal( 1203 - card, 1204 - originalMinHeight, 1205 - "min-height" 1206 - ); 1207 - 1208 - card.style.setProperty( 1209 - "min-height", 1210 - maxHeight+"px" 1211 - ); 1212 - 1213 - card.setAttribute( 1214 - "data-sn-equal-height-managed", 1215 - "4" 1216 - ); 1217 - 1218 - heightManaged.add(card); 1219 - }); 1220 - 1221 - return { 1222 - cards:cards.length, 1223 - height:maxHeight, 1224 - firstSection:firstSection 1225 - }; 1226 - } 1227 - 1228 - function run(){ 1229 - reset(); 1230 - 1231 - if( 1232 - window.innerWidth<=MOBILE_MAX 1233 - ){ 1234 - return; 1235 - } 1236 - 1237 - var parents= 1238 - Array.from( 1239 - root.querySelectorAll("*") 1240 - ).filter(function(parent){ 1241 - return ( 1242 - visible(parent,MIN_W,MIN_H)&& 1243 - parent.children&& 1244 - parent.children.length>=2&& 1245 - parent.children.length<=MAX_PARENT_CHILDREN 1246 - ); 1247 - }); 1248 - 1249 - var touched=new Set(); 1250 - 1251 - parents.forEach(function(parent){ 1252 - var entries=[]; 1253 - 1254 - Array.from(parent.children).forEach(function(child){ 1255 - if(!visible(child,MIN_W,MIN_H))return; 1256 - 1257 - var target=pickTarget(child); 1258 - if(!target)return; 1259 - 1260 - entries.push({ 1261 - target:target, 1262 - rect:target.getBoundingClientRect() 1263 - }); 1264 - }); 1265 - 1266 - if(entries.length<2)return; 1267 - 1268 - groupsByVisualRow(entries).forEach(function(group){ 1269 - if(!validHorizontalGroup(group))return; 1270 - 1271 - var signature= 1272 - group.entries.map(function(entry){ 1273 - return entry.target; 1274 - }); 1275 - 1276 - if( 1277 - !signature.some(function(el){ 1278 - return !touched.has(el); 1279 - }) 1280 - ){ 1281 - return; 1282 - } 1283 - 1284 - var applied= 1285 - applyGroup(group); 1286 - 1287 - if(applied){ 1288 - signature.forEach(function(el){ 1289 - touched.add(el); 1290 - }); 1291 - } 1292 - }); 1293 - }); 1294 - } 1295 - 1296 - function schedule(){ 1297 - if(raf)cancelAnimationFrame(raf); 1298 - 1299 - raf=requestAnimationFrame(function(){ 1300 - raf=requestAnimationFrame(function(){ 1301 - raf=0; 1302 - run(); 1303 - }); 1304 - }); 1305 - } 1306 - 1307 - addEventListener("resize",schedule,{passive:true}); 1308 - addEventListener("load",schedule,{once:true}); 1309 - 1310 - root.addEventListener( 1311 - "click", 1312 - function(){ 1313 - setTimeout(schedule,0); 1314 - }, 1315 - true 1316 - ); 1317 - 1318 - Array.from(root.querySelectorAll("img")).forEach(function(img){ 1319 - if(!img.complete){ 1320 - img.addEventListener("load",schedule,{once:true}); 1321 - } 1322 - }); 1323 - 1324 - if(document.fonts&&document.fonts.ready){ 1325 - document.fonts.ready.then(schedule); 1326 - } 1327 - 1328 - schedule(); 1329 - setTimeout(schedule,200); 1330 - setTimeout(schedule,650); 1331 - setTimeout(schedule,1400); 1332 -})(); 1333 -</script> 1334 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_END --> 1335 -{{/html}} 1336 -