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.18
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,6 +2,7 @@ 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 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 7 ... ... @@ -15,7 +15,7 @@ 15 15 16 16 17 17 {{html clean="false"}} 18 -<section data-arsn-search-block-fix="v 5" 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 +<section data-arsn-search-block-fix="v4" 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 19 <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art & Research Services Navigator</h2> 20 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 ... ... @@ -636,701 +636,8 @@ 636 636 For **project development, funding, proposals and coordination of funded art and research projects**, **Support Kunst und Forschung** is a good place to start. 637 637 638 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. 640 + 641 +{{html}}<!-- Editorial: add the central routing/contact-form link once available. -->{{/html}} 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 -