Skip to Content
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 39.24
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version
To version 40.1
edited by Veronika Kocher
on Thursday, 03 Sep 2026 15:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,14 +2,12 @@
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 -{{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.
5 +{{info title="Support for Your Project:"}}
7 7  
8 -**Support Kunst und Forschung (SKF)** supports project and funding activities — especially project development, funding and calls, proposals, and coordination of funded projects — and, where useful, connects them with the University's relevant services.
7 +
8 + **Support Kunst und Forschung (SKF)** provides guidance for projects and grant applications and collaborates with the appropriate university services as needed.
9 9  
10 -Depending on the question, these may include the **University Library / Research Data Management & Repository**, **IT**, **Legal and Data Protection**, **Finance and Personnel**, **Publications and Communication**, **Event Management**, the **International Office** and other services.
11 -
12 -The **institute, department or other host unit** remains the artistic or academic home of the project. The navigator brings these offers together along the project stages so you can start from your need rather than from the organisational chart.
10 + The Navigator guides you through the project phases to the resources and points of contact relevant to your project.
13 13  {{/info}}
14 14  
15 15  
... ... @@ -721,6 +721,38 @@
721 721  [data-sn-master-first-row]{
722 722   box-sizing:border-box;
723 723  }
722 +
723 +/* =========================================================
724 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
725 + ========================================================= */
726 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
727 + display:grid!important;
728 + grid-template-columns:minmax(0,1fr)!important;
729 + grid-auto-rows:auto!important;
730 + width:100%!important;
731 + max-width:none!important;
732 + box-sizing:border-box!important;
733 + justify-items:start!important;
734 + align-items:start!important;
735 + gap:2px!important;
736 + text-align:left!important;
737 + text-align-last:left!important;
738 + text-justify:auto!important;
739 + word-spacing:normal!important;
740 + white-space:normal!important;
741 +}
742 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
743 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
744 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
745 + display:block!important;
746 + width:100%!important;
747 + margin:0!important;
748 + text-align:left!important;
749 + text-align-last:left!important;
750 + text-justify:auto!important;
751 + word-spacing:normal!important;
752 + white-space:normal!important;
753 +}
724 724  </style>
725 725  
726 726  <script data-sn-service-navigator-master="1">
... ... @@ -913,6 +913,227 @@
913 913   }
914 914  
915 915   /* =======================================================
946 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
947 + ======================================================= */
948 +
949 + function colourDistance(a,b){
950 + return Math.sqrt(
951 + Math.pow(a[0]-b[0],2)+
952 + Math.pow(a[1]-b[1],2)+
953 + Math.pow(a[2]-b[2],2)
954 + );
955 + }
956 +
957 + function makeFilledRedOrangeCTAsBorderless(){
958 + var RED_ORANGE=[233,75,19];
959 +
960 + Array.from(
961 + root.querySelectorAll(
962 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
963 + )
964 + ).forEach(function(el){
965 + if(!visible(el))return;
966 +
967 + var style=getComputedStyle(el);
968 + var rgb=parseRGB(style.backgroundColor);
969 +
970 + if(!rgb)return;
971 +
972 + if(
973 + colourDistance(
974 + rgb,
975 + RED_ORANGE
976 + )>55
977 + ){
978 + return;
979 + }
980 +
981 + var rect=el.getBoundingClientRect();
982 +
983 + if(
984 + rect.width<80||
985 + rect.height<24
986 + ){
987 + return;
988 + }
989 +
990 + el.style.setProperty(
991 + "border",
992 + "none",
993 + "important"
994 + );
995 +
996 + el.style.setProperty(
997 + "border-left",
998 + "none",
999 + "important"
1000 + );
1001 +
1002 + el.style.setProperty(
1003 + "border-top",
1004 + "none",
1005 + "important"
1006 + );
1007 +
1008 + el.style.setProperty(
1009 + "border-right",
1010 + "none",
1011 + "important"
1012 + );
1013 +
1014 + el.style.setProperty(
1015 + "border-bottom",
1016 + "none",
1017 + "important"
1018 + );
1019 +
1020 + el.style.setProperty(
1021 + "box-shadow",
1022 + "none",
1023 + "important"
1024 + );
1025 + });
1026 + }
1027 +
1028 + /* =======================================================
1029 + FULL-WIDTH THREE-LINE AREA LABELS
1030 + ======================================================= */
1031 +
1032 + function compactText(value){
1033 + return String(value||"")
1034 + .replace(/\s+/g," ")
1035 + .trim();
1036 + }
1037 +
1038 + function makeThreeLineAreaLabels(){
1039 + Array.from(
1040 + root.querySelectorAll(
1041 + ".arsn-area-label"
1042 + )
1043 + ).forEach(function(label){
1044 + if(
1045 + label.getAttribute(
1046 + "data-sn-three-line"
1047 + )==="1"
1048 + ){
1049 + return;
1050 + }
1051 +
1052 + var number=
1053 + label.querySelector(
1054 + ":scope > .arsn-area-number"
1055 + );
1056 +
1057 + var action=
1058 + label.querySelector(
1059 + ":scope > .arsn-area-action"
1060 + );
1061 +
1062 + if(
1063 + !number||
1064 + !action
1065 + ){
1066 + return;
1067 + }
1068 +
1069 + var clone=
1070 + label.cloneNode(true);
1071 +
1072 + var cloneNumber=
1073 + clone.querySelector(
1074 + ":scope > .arsn-area-number"
1075 + );
1076 +
1077 + var cloneAction=
1078 + clone.querySelector(
1079 + ":scope > .arsn-area-action"
1080 + );
1081 +
1082 + if(cloneNumber){
1083 + cloneNumber.remove();
1084 + }
1085 +
1086 + if(cloneAction){
1087 + cloneAction.remove();
1088 + }
1089 +
1090 + var titleText=
1091 + compactText(
1092 + clone.textContent
1093 + );
1094 +
1095 + if(!titleText){
1096 + return;
1097 + }
1098 +
1099 + var numberNode=
1100 + number.cloneNode(true);
1101 +
1102 + var actionNode=
1103 + action.cloneNode(true);
1104 +
1105 + var titleNode=
1106 + document.createElement(
1107 + "span"
1108 + );
1109 +
1110 + titleNode.className=
1111 + "sn-area-label-title";
1112 +
1113 + titleNode.textContent=
1114 + titleText;
1115 +
1116 + while(label.firstChild){
1117 + label.removeChild(
1118 + label.firstChild
1119 + );
1120 + }
1121 +
1122 + label.appendChild(
1123 + numberNode
1124 + );
1125 +
1126 + label.appendChild(
1127 + titleNode
1128 + );
1129 +
1130 + label.appendChild(
1131 + actionNode
1132 + );
1133 +
1134 + label.setAttribute(
1135 + "data-sn-three-line",
1136 + "1"
1137 + );
1138 +
1139 + var head=
1140 + label.closest(
1141 + ".arsn-area-head"
1142 + );
1143 +
1144 + if(head){
1145 + head.style.setProperty(
1146 + "width",
1147 + "100%",
1148 + "important"
1149 + );
1150 +
1151 + head.style.setProperty(
1152 + "max-width",
1153 + "100%",
1154 + "important"
1155 + );
1156 +
1157 + head.style.setProperty(
1158 + "box-sizing",
1159 + "border-box",
1160 + "important"
1161 + );
1162 + }
1163 + });
1164 + }
1165 +
1166 + /* =======================================================
916 916   PLACEHOLDER BADGE
917 917   ======================================================= */
918 918  
... ... @@ -1683,6 +1683,9 @@
1683 1683   var headers=
1684 1684   applyOverviewPalette();
1685 1685  
1937 + makeThreeLineAreaLabels();
1938 + makeFilledRedOrangeCTAsBorderless();
1939 +
1686 1686   if(
1687 1687   window.innerWidth>
1688 1688   MOBILE_MAX