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 43.1
edited by Veronika Kocher
on Monday, 07 Sep 2026 13:36
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,18 +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:"}}
6 + **Support Kunst und Forschung (SKF)** provides guidance for projects and grant applications and collaborates with the appropriate university services as needed.
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.
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.
8 + 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>
... ... @@ -361,7 +361,7 @@
361 361  (% style="padding:18px 17px 17px 17px;flex:1;" %)
362 362  (((
363 363  (% style="font-size:19px;font-weight:700;margin-bottom:2px;" %)
364 -[[1. Enable — Plan & Set Up>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||style="color:#111;text-decoration:none;font-weight:700;"]]
358 +[[1. Prepare — Plan & Set Up>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||style="color:#111;text-decoration:none;font-weight:700;"]]
365 365  
366 366  (% style="color:#666;margin-bottom:16px;" %)
367 367  Prepare your project before the main work begins.
... ... @@ -439,9 +439,9 @@
439 439  )))
440 440  )))
441 441  
442 -(% style="padding:0 16px 16px 16px;" %)
436 +(% 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"]]
438 +[[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;" %)
502 +(% 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"]]
504 +[[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  )))
... ... @@ -525,7 +525,7 @@
525 525  (% style="font-size:19px;font-weight:700;margin-bottom:2px;" %)
526 526  [[3. Publish & Share — Make It Visible>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||style="color:#111;text-decoration:none;font-weight:700;"]]
527 527  
528 -(% style="color:#666;margin-bottom:16px;" %)
522 +(% class="arsn-phase-subtitle" style="color:#666;background:transparent;margin:2px 0 16px 0;padding:0;" %)
529 529  Decide how outputs should be shared, published, made findable and preserved.
530 530  
531 531  (% style="font-size:13px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin:17px 0 8px 0;padding:5px 8px;background:#f3efe8;border-radius:4px;" %)
... ... @@ -581,9 +581,9 @@
581 581  )))
582 582  )))
583 583  
584 -(% style="padding:0 16px 16px 16px;" %)
578 +(% 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"]]
580 +[[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  )))
... ... @@ -592,6 +592,19 @@
592 592  
593 593  (% style="margin-top:30px;" %)
594 594  (((
589 +{{html clean="false"}}
590 +<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
591 +<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
592 + <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
593 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING &amp; WORKSHOPS</div>
594 + <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops &amp; consultation sessions</h3>
595 + <p style="margin:0 0 10px;color:#5e5953;line-height:1.55;">Relevant opportunities for this topic will be shown here automatically from the central calendar.</p>
596 + <span data-arsn-coming-soon="true" style="display:inline-block;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">COMING SOON</span>
597 + </div>
598 +</section>
599 +<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
600 +{{/html}}
601 +
595 595  == Practical resources ==
596 596  
597 597  Use practical resources when you need a concise overview, a step-by-step procedure or a ready-to-use project aid.
... ... @@ -639,11 +639,26 @@
639 639  {{/info}}
640 640  )))
641 641  
642 -{{html clean="false"}}
643 -<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
649 +{{html clean="false"}}<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
644 644  
645 645  <style data-sn-service-navigator-master="1">
646 646  /* =========================================================
653 + PHASE CARD SUBTITLES
654 + ========================================================= */
655 +#xwikicontent .arsn-phase-subtitle{
656 + display:block!important;
657 + margin:2px 0 16px 0!important;
658 + padding:0!important;
659 + background:transparent!important;
660 + color:#666!important;
661 + font-size:inherit!important;
662 + font-weight:400!important;
663 + letter-spacing:normal!important;
664 + text-align:left!important;
665 + word-spacing:normal!important;
666 +}
667 +
668 +/* =========================================================
647 647   MASTER TYPOGRAPHY
648 648   ========================================================= */
649 649  #xwikicontent h1,
... ... @@ -721,6 +721,38 @@
721 721  [data-sn-master-first-row]{
722 722   box-sizing:border-box;
723 723  }
746 +
747 +/* =========================================================
748 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
749 + ========================================================= */
750 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
751 + display:grid!important;
752 + grid-template-columns:minmax(0,1fr)!important;
753 + grid-auto-rows:auto!important;
754 + width:100%!important;
755 + max-width:none!important;
756 + box-sizing:border-box!important;
757 + justify-items:start!important;
758 + align-items:start!important;
759 + gap:2px!important;
760 + text-align:left!important;
761 + text-align-last:left!important;
762 + text-justify:auto!important;
763 + word-spacing:normal!important;
764 + white-space:normal!important;
765 +}
766 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
767 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
768 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
769 + display:block!important;
770 + width:100%!important;
771 + margin:0!important;
772 + text-align:left!important;
773 + text-align-last:left!important;
774 + text-justify:auto!important;
775 + word-spacing:normal!important;
776 + white-space:normal!important;
777 +}
724 724  </style>
725 725  
726 726  <script data-sn-service-navigator-master="1">
... ... @@ -898,12 +898,10 @@
898 898   for(var j=0;j<THEMES[i].labels.length;j++){
899 899   var label=THEMES[i].labels[j];
900 900  
901 - if(
902 - value===label||
903 - value.indexOf(label+" ")===0||
904 - value.indexOf(label+" -")===0||
905 - value.indexOf(label+" ·")===0
906 - ){
955 + /* Match only actual thematic labels.
956 + Do not colour ordinary prose such as:
957 + "Decide how outputs should be shared..." */
958 + if(value===label){
907 907   return THEMES[i];
908 908   }
909 909   }
... ... @@ -913,6 +913,227 @@
913 913   }
914 914  
915 915   /* =======================================================
968 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
969 + ======================================================= */
970 +
971 + function colourDistance(a,b){
972 + return Math.sqrt(
973 + Math.pow(a[0]-b[0],2)+
974 + Math.pow(a[1]-b[1],2)+
975 + Math.pow(a[2]-b[2],2)
976 + );
977 + }
978 +
979 + function makeFilledRedOrangeCTAsBorderless(){
980 + var RED_ORANGE=[233,75,19];
981 +
982 + Array.from(
983 + root.querySelectorAll(
984 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
985 + )
986 + ).forEach(function(el){
987 + if(!visible(el))return;
988 +
989 + var style=getComputedStyle(el);
990 + var rgb=parseRGB(style.backgroundColor);
991 +
992 + if(!rgb)return;
993 +
994 + if(
995 + colourDistance(
996 + rgb,
997 + RED_ORANGE
998 + )>55
999 + ){
1000 + return;
1001 + }
1002 +
1003 + var rect=el.getBoundingClientRect();
1004 +
1005 + if(
1006 + rect.width<80||
1007 + rect.height<24
1008 + ){
1009 + return;
1010 + }
1011 +
1012 + el.style.setProperty(
1013 + "border",
1014 + "none",
1015 + "important"
1016 + );
1017 +
1018 + el.style.setProperty(
1019 + "border-left",
1020 + "none",
1021 + "important"
1022 + );
1023 +
1024 + el.style.setProperty(
1025 + "border-top",
1026 + "none",
1027 + "important"
1028 + );
1029 +
1030 + el.style.setProperty(
1031 + "border-right",
1032 + "none",
1033 + "important"
1034 + );
1035 +
1036 + el.style.setProperty(
1037 + "border-bottom",
1038 + "none",
1039 + "important"
1040 + );
1041 +
1042 + el.style.setProperty(
1043 + "box-shadow",
1044 + "none",
1045 + "important"
1046 + );
1047 + });
1048 + }
1049 +
1050 + /* =======================================================
1051 + FULL-WIDTH THREE-LINE AREA LABELS
1052 + ======================================================= */
1053 +
1054 + function compactText(value){
1055 + return String(value||"")
1056 + .replace(/\s+/g," ")
1057 + .trim();
1058 + }
1059 +
1060 + function makeThreeLineAreaLabels(){
1061 + Array.from(
1062 + root.querySelectorAll(
1063 + ".arsn-area-label"
1064 + )
1065 + ).forEach(function(label){
1066 + if(
1067 + label.getAttribute(
1068 + "data-sn-three-line"
1069 + )==="1"
1070 + ){
1071 + return;
1072 + }
1073 +
1074 + var number=
1075 + label.querySelector(
1076 + ":scope > .arsn-area-number"
1077 + );
1078 +
1079 + var action=
1080 + label.querySelector(
1081 + ":scope > .arsn-area-action"
1082 + );
1083 +
1084 + if(
1085 + !number||
1086 + !action
1087 + ){
1088 + return;
1089 + }
1090 +
1091 + var clone=
1092 + label.cloneNode(true);
1093 +
1094 + var cloneNumber=
1095 + clone.querySelector(
1096 + ":scope > .arsn-area-number"
1097 + );
1098 +
1099 + var cloneAction=
1100 + clone.querySelector(
1101 + ":scope > .arsn-area-action"
1102 + );
1103 +
1104 + if(cloneNumber){
1105 + cloneNumber.remove();
1106 + }
1107 +
1108 + if(cloneAction){
1109 + cloneAction.remove();
1110 + }
1111 +
1112 + var titleText=
1113 + compactText(
1114 + clone.textContent
1115 + );
1116 +
1117 + if(!titleText){
1118 + return;
1119 + }
1120 +
1121 + var numberNode=
1122 + number.cloneNode(true);
1123 +
1124 + var actionNode=
1125 + action.cloneNode(true);
1126 +
1127 + var titleNode=
1128 + document.createElement(
1129 + "span"
1130 + );
1131 +
1132 + titleNode.className=
1133 + "sn-area-label-title";
1134 +
1135 + titleNode.textContent=
1136 + titleText;
1137 +
1138 + while(label.firstChild){
1139 + label.removeChild(
1140 + label.firstChild
1141 + );
1142 + }
1143 +
1144 + label.appendChild(
1145 + numberNode
1146 + );
1147 +
1148 + label.appendChild(
1149 + titleNode
1150 + );
1151 +
1152 + label.appendChild(
1153 + actionNode
1154 + );
1155 +
1156 + label.setAttribute(
1157 + "data-sn-three-line",
1158 + "1"
1159 + );
1160 +
1161 + var head=
1162 + label.closest(
1163 + ".arsn-area-head"
1164 + );
1165 +
1166 + if(head){
1167 + head.style.setProperty(
1168 + "width",
1169 + "100%",
1170 + "important"
1171 + );
1172 +
1173 + head.style.setProperty(
1174 + "max-width",
1175 + "100%",
1176 + "important"
1177 + );
1178 +
1179 + head.style.setProperty(
1180 + "box-sizing",
1181 + "border-box",
1182 + "important"
1183 + );
1184 + }
1185 + });
1186 + }
1187 +
1188 + /* =======================================================
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){
1591 + if(
1592 + link.classList &&
1593 + link.classList.contains(
1594 + "arsn-phase-cta"
1595 + )
1596 + ){
1597 + return;
1598 + }
1599 +
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  
1968 + makeThreeLineAreaLabels();
1969 + makeFilledRedOrangeCTAsBorderless();
1970 +
1686 1686   if(
1687 1687   window.innerWidth>
1688 1688   MOBILE_MAX
... ... @@ -1781,6 +1781,69 @@
1781 1781  })();
1782 1782  </script>
1783 1783  
1784 -<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1785 -{{/html}}
2069 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->{{/html}}{{html clean="false"}}<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_START -->
2070 +<style data-arsn-phase-cta-mobile-edge-fix="3">
2071 +@media (max-width:767px){
1786 1786  
2073 + /* Remove the white side gutters around the three phase CTAs. */
2074 + #xwikicontent .arsn-phase-cta-wrap{
2075 + box-sizing:border-box!important;
2076 + width:calc(100% + 2px)!important;
2077 + max-width:none!important;
2078 + margin:14px -1px -1px -1px!important;
2079 + padding:0!important;
2080 + border:0!important;
2081 + border-left:0!important;
2082 + box-shadow:none!important;
2083 + background:transparent!important;
2084 + }
2085 +
2086 + /* Full-width orange CTA; no extra border/shadow. */
2087 + #xwikicontent a.arsn-phase-cta{
2088 + display:flex!important;
2089 + align-items:center!important;
2090 + justify-content:center!important;
2091 + gap:8px!important;
2092 +
2093 + box-sizing:border-box!important;
2094 + width:100%!important;
2095 + max-width:none!important;
2096 + min-width:0!important;
2097 +
2098 + margin:0!important;
2099 + padding:12px 14px!important;
2100 +
2101 + border:0!important;
2102 + border-left:0!important;
2103 + border-right:0!important;
2104 + border-top:0!important;
2105 + border-bottom:0!important;
2106 + box-shadow:none!important;
2107 +
2108 + border-radius:8px!important;
2109 +
2110 + text-align:center!important;
2111 + text-align-last:center!important;
2112 + text-justify:auto!important;
2113 + word-spacing:normal!important;
2114 + white-space:normal!important;
2115 + }
2116 +
2117 + /* Keep an XWiki external-link icon on the same line/flex row. */
2118 + #xwikicontent a.arsn-phase-cta::after{
2119 + flex:0 0 auto!important;
2120 + margin-left:2px!important;
2121 + }
2122 +
2123 + #xwikicontent a.arsn-phase-cta > .fa,
2124 + #xwikicontent a.arsn-phase-cta > .icon,
2125 + #xwikicontent a.arsn-phase-cta > .external-link-icon,
2126 + #xwikicontent a.arsn-phase-cta > [class*="external"]{
2127 + position:static!important;
2128 + display:inline-block!important;
2129 + flex:0 0 auto!important;
2130 + margin:0!important;
2131 + }
2132 +}
2133 +</style>
2134 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_END -->{{/html}}