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
Change comment: There is no comment for this version
To version 39.18
edited by Veronika Kocher
on Wednesday, 02 Sep 2026 17:13
Change comment: There is no comment for this version

Summary

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="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 +<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 &amp; 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 -