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

Summary

Details

Page properties
Content
... ... @@ -2,12 +2,14 @@
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="Support for Your Project:"}}
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.
6 6  
7 -
8 - **Support Kunst und Forschung (SKF)** provides guidance for projects and grant applications and collaborates with the appropriate university services as needed.
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.
9 9  
10 - The Navigator guides you through the project phases to the resources and points of contact relevant to your project.
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.
11 11  {{/info}}
12 12  
13 13  
... ... @@ -719,38 +719,6 @@
719 719  [data-sn-master-first-row]{
720 720   box-sizing:border-box;
721 721  }
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 -}
754 754  </style>
755 755  
756 756  <script data-sn-service-navigator-master="1">
... ... @@ -943,227 +943,6 @@
943 943   }
944 944  
945 945   /* =======================================================
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 - /* =======================================================
1167 1167   PLACEHOLDER BADGE
1168 1168   ======================================================= */
1169 1169  
... ... @@ -1934,9 +1934,6 @@
1934 1934   var headers=
1935 1935   applyOverviewPalette();
1936 1936  
1937 - makeThreeLineAreaLabels();
1938 - makeFilledRedOrangeCTAsBorderless();
1939 -
1940 1940   if(
1941 1941   window.innerWidth>
1942 1942   MOBILE_MAX