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 41.2
edited by Veronika Kocher
on Friday, 04 Sep 2026 9:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,18 +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="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 -
16 -
17 17  {{html clean="false"}}
18 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 19   <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art &amp; Research Services Navigator</h2>
... ... @@ -439,9 +439,9 @@
439 439  )))
440 440  )))
441 441  
442 -(% style="padding:0 16px 16px 16px;" %)
438 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
443 443  (((
444 -[[Explore Enable>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block"]]
440 +[[Explore Enable>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block arsn-phase-cta"]]
445 445  )))
446 446  )))
447 447  )))
... ... @@ -505,9 +505,9 @@
505 505  )))
506 506  )))
507 507  
508 -(% style="padding:0 16px 16px 16px;" %)
504 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
509 509  (((
510 -[[Explore Work & Manage>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block"]]
506 +[[Explore Work & Manage>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block arsn-phase-cta"]]
511 511  )))
512 512  )))
513 513  )))
... ... @@ -581,9 +581,9 @@
581 581  )))
582 582  )))
583 583  
584 -(% style="padding:0 16px 16px 16px;" %)
580 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
585 585  (((
586 -[[Explore Publish & Share>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block"]]
582 +[[Explore Publish & Share>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block arsn-phase-cta"]]
587 587  )))
588 588  )))
589 589  )))
... ... @@ -721,6 +721,38 @@
721 721  [data-sn-master-first-row]{
722 722   box-sizing:border-box;
723 723  }
720 +
721 +/* =========================================================
722 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
723 + ========================================================= */
724 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
725 + display:grid!important;
726 + grid-template-columns:minmax(0,1fr)!important;
727 + grid-auto-rows:auto!important;
728 + width:100%!important;
729 + max-width:none!important;
730 + box-sizing:border-box!important;
731 + justify-items:start!important;
732 + align-items:start!important;
733 + gap:2px!important;
734 + text-align:left!important;
735 + text-align-last:left!important;
736 + text-justify:auto!important;
737 + word-spacing:normal!important;
738 + white-space:normal!important;
739 +}
740 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
741 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
742 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
743 + display:block!important;
744 + width:100%!important;
745 + margin:0!important;
746 + text-align:left!important;
747 + text-align-last:left!important;
748 + text-justify:auto!important;
749 + word-spacing:normal!important;
750 + white-space:normal!important;
751 +}
724 724  </style>
725 725  
726 726  <script data-sn-service-navigator-master="1">
... ... @@ -913,6 +913,227 @@
913 913   }
914 914  
915 915   /* =======================================================
944 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
945 + ======================================================= */
946 +
947 + function colourDistance(a,b){
948 + return Math.sqrt(
949 + Math.pow(a[0]-b[0],2)+
950 + Math.pow(a[1]-b[1],2)+
951 + Math.pow(a[2]-b[2],2)
952 + );
953 + }
954 +
955 + function makeFilledRedOrangeCTAsBorderless(){
956 + var RED_ORANGE=[233,75,19];
957 +
958 + Array.from(
959 + root.querySelectorAll(
960 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
961 + )
962 + ).forEach(function(el){
963 + if(!visible(el))return;
964 +
965 + var style=getComputedStyle(el);
966 + var rgb=parseRGB(style.backgroundColor);
967 +
968 + if(!rgb)return;
969 +
970 + if(
971 + colourDistance(
972 + rgb,
973 + RED_ORANGE
974 + )>55
975 + ){
976 + return;
977 + }
978 +
979 + var rect=el.getBoundingClientRect();
980 +
981 + if(
982 + rect.width<80||
983 + rect.height<24
984 + ){
985 + return;
986 + }
987 +
988 + el.style.setProperty(
989 + "border",
990 + "none",
991 + "important"
992 + );
993 +
994 + el.style.setProperty(
995 + "border-left",
996 + "none",
997 + "important"
998 + );
999 +
1000 + el.style.setProperty(
1001 + "border-top",
1002 + "none",
1003 + "important"
1004 + );
1005 +
1006 + el.style.setProperty(
1007 + "border-right",
1008 + "none",
1009 + "important"
1010 + );
1011 +
1012 + el.style.setProperty(
1013 + "border-bottom",
1014 + "none",
1015 + "important"
1016 + );
1017 +
1018 + el.style.setProperty(
1019 + "box-shadow",
1020 + "none",
1021 + "important"
1022 + );
1023 + });
1024 + }
1025 +
1026 + /* =======================================================
1027 + FULL-WIDTH THREE-LINE AREA LABELS
1028 + ======================================================= */
1029 +
1030 + function compactText(value){
1031 + return String(value||"")
1032 + .replace(/\s+/g," ")
1033 + .trim();
1034 + }
1035 +
1036 + function makeThreeLineAreaLabels(){
1037 + Array.from(
1038 + root.querySelectorAll(
1039 + ".arsn-area-label"
1040 + )
1041 + ).forEach(function(label){
1042 + if(
1043 + label.getAttribute(
1044 + "data-sn-three-line"
1045 + )==="1"
1046 + ){
1047 + return;
1048 + }
1049 +
1050 + var number=
1051 + label.querySelector(
1052 + ":scope > .arsn-area-number"
1053 + );
1054 +
1055 + var action=
1056 + label.querySelector(
1057 + ":scope > .arsn-area-action"
1058 + );
1059 +
1060 + if(
1061 + !number||
1062 + !action
1063 + ){
1064 + return;
1065 + }
1066 +
1067 + var clone=
1068 + label.cloneNode(true);
1069 +
1070 + var cloneNumber=
1071 + clone.querySelector(
1072 + ":scope > .arsn-area-number"
1073 + );
1074 +
1075 + var cloneAction=
1076 + clone.querySelector(
1077 + ":scope > .arsn-area-action"
1078 + );
1079 +
1080 + if(cloneNumber){
1081 + cloneNumber.remove();
1082 + }
1083 +
1084 + if(cloneAction){
1085 + cloneAction.remove();
1086 + }
1087 +
1088 + var titleText=
1089 + compactText(
1090 + clone.textContent
1091 + );
1092 +
1093 + if(!titleText){
1094 + return;
1095 + }
1096 +
1097 + var numberNode=
1098 + number.cloneNode(true);
1099 +
1100 + var actionNode=
1101 + action.cloneNode(true);
1102 +
1103 + var titleNode=
1104 + document.createElement(
1105 + "span"
1106 + );
1107 +
1108 + titleNode.className=
1109 + "sn-area-label-title";
1110 +
1111 + titleNode.textContent=
1112 + titleText;
1113 +
1114 + while(label.firstChild){
1115 + label.removeChild(
1116 + label.firstChild
1117 + );
1118 + }
1119 +
1120 + label.appendChild(
1121 + numberNode
1122 + );
1123 +
1124 + label.appendChild(
1125 + titleNode
1126 + );
1127 +
1128 + label.appendChild(
1129 + actionNode
1130 + );
1131 +
1132 + label.setAttribute(
1133 + "data-sn-three-line",
1134 + "1"
1135 + );
1136 +
1137 + var head=
1138 + label.closest(
1139 + ".arsn-area-head"
1140 + );
1141 +
1142 + if(head){
1143 + head.style.setProperty(
1144 + "width",
1145 + "100%",
1146 + "important"
1147 + );
1148 +
1149 + head.style.setProperty(
1150 + "max-width",
1151 + "100%",
1152 + "important"
1153 + );
1154 +
1155 + head.style.setProperty(
1156 + "box-sizing",
1157 + "border-box",
1158 + "important"
1159 + );
1160 + }
1161 + });
1162 + }
1163 +
1164 + /* =======================================================
916 916   PLACEHOLDER BADGE
917 917   ======================================================= */
918 918  
... ... @@ -1315,6 +1315,15 @@
1315 1315   Array.from(
1316 1316   row.card.querySelectorAll("a")
1317 1317   ).forEach(function(link){
1567 + if(
1568 + link.classList &&
1569 + link.classList.contains(
1570 + "arsn-phase-cta"
1571 + )
1572 + ){
1573 + return;
1574 + }
1575 +
1318 1318   if(!visible(link))return;
1319 1319  
1320 1320   var rect=
... ... @@ -1683,6 +1683,9 @@
1683 1683   var headers=
1684 1684   applyOverviewPalette();
1685 1685  
1944 + makeThreeLineAreaLabels();
1945 + makeFilledRedOrangeCTAsBorderless();
1946 +
1686 1686   if(
1687 1687   window.innerWidth>
1688 1688   MOBILE_MAX
... ... @@ -1784,3 +1784,72 @@
1784 1784  <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1785 1785  {{/html}}
1786 1786  
2048 +{{html clean="false"}}
2049 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_START -->
2050 +<style data-arsn-phase-cta-mobile-edge-fix="3">
2051 +@media (max-width:767px){
2052 +
2053 + /* Remove the white side gutters around the three phase CTAs. */
2054 + #xwikicontent .arsn-phase-cta-wrap{
2055 + box-sizing:border-box!important;
2056 + width:calc(100% + 2px)!important;
2057 + max-width:none!important;
2058 + margin:14px -1px -1px -1px!important;
2059 + padding:0!important;
2060 + border:0!important;
2061 + border-left:0!important;
2062 + box-shadow:none!important;
2063 + background:transparent!important;
2064 + }
2065 +
2066 + /* Full-width orange CTA; no extra border/shadow. */
2067 + #xwikicontent a.arsn-phase-cta{
2068 + display:flex!important;
2069 + align-items:center!important;
2070 + justify-content:center!important;
2071 + gap:8px!important;
2072 +
2073 + box-sizing:border-box!important;
2074 + width:100%!important;
2075 + max-width:none!important;
2076 + min-width:0!important;
2077 +
2078 + margin:0!important;
2079 + padding:12px 14px!important;
2080 +
2081 + border:0!important;
2082 + border-left:0!important;
2083 + border-right:0!important;
2084 + border-top:0!important;
2085 + border-bottom:0!important;
2086 + box-shadow:none!important;
2087 +
2088 + border-radius:8px!important;
2089 +
2090 + text-align:center!important;
2091 + text-align-last:center!important;
2092 + text-justify:auto!important;
2093 + word-spacing:normal!important;
2094 + white-space:normal!important;
2095 + }
2096 +
2097 + /* Keep an XWiki external-link icon on the same line/flex row. */
2098 + #xwikicontent a.arsn-phase-cta::after{
2099 + flex:0 0 auto!important;
2100 + margin-left:2px!important;
2101 + }
2102 +
2103 + #xwikicontent a.arsn-phase-cta > .fa,
2104 + #xwikicontent a.arsn-phase-cta > .icon,
2105 + #xwikicontent a.arsn-phase-cta > .external-link-icon,
2106 + #xwikicontent a.arsn-phase-cta > [class*="external"]{
2107 + position:static!important;
2108 + display:inline-block!important;
2109 + flex:0 0 auto!important;
2110 + margin:0!important;
2111 + }
2112 +}
2113 +</style>
2114 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_END -->
2115 +{{/html}}
2116 +