Skip to Content
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 39.19
edited by Veronika Kocher
on Wednesday, 02 Sep 2026 17:13
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,23 +2,18 @@
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}}
6 -{{info title="How responsibilities work"}}
7 -The navigator is a **cross-unit service map**, not a separate organisational unit. It organises support around the project lifecycle and the researcher's task.
5 +{{info title="Support for Your Project:"}}
8 8  
9 -**Support Kunst und Forschung (SKF)** is the central project and funding hub for project-oriented artistic and scientific research: project development, funding and calls, proposals, funded-project coordination and funder-facing reporting.
7 +
8 + **Support Kunst und Forschung (SKF)** provides guidance for projects and grant applications and collaborates with the appropriate university services as needed.
10 10  
11 -**Specialist service owners** retain responsibility for their fields — for example University Library / Research Data Management / Repository, IT & Digitalisation, Legal / Data Protection, Finance / Personnel, Publications / Press & Communication / Event Management, Facility Management and the International Office.
12 -
13 -The **institute, department or other host unit** remains the artistic/academic home of the project. The navigator connects these responsibilities; it does not transfer specialist ownership between units.
10 + The Navigator guides you through the project phases to the resources and points of contact relevant to your project.
14 14  {{/info}}
15 15  
16 -(% style="margin:20px 0 26px 0;" %)
17 -(((
18 -{{box title="Search the Art & Research Services Navigator"}}
19 -Type a topic, synonym or common query. Matching pages are suggested immediately. Search-term links on the topic pages use the same controlled vocabulary.
20 -
21 21  {{html clean="false"}}
14 +<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);">
15 + <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art &amp; Research Services Navigator</h2>
16 + <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>
22 22  <form
23 23   id="arsn-search-form"
24 24   action="https://xwiki.uni-ak.ac.at/bin/view/Main/SolrSearch"
... ... @@ -341,11 +341,9 @@
341 341   }
342 342  })();
343 343  </script>
339 +</section>
344 344  {{/html}}
345 345  
346 -{{/box}}
347 -)))
348 -
349 349  (% style="margin:10px 0 16px 0;color:#6a655e;font-size:13px;" %)
350 350  (((
351 351  Follow the project stages from left to right. Within each stage, topics are ordered by what you are most likely to need next; colour is used only as a subtle thematic cue.
... ... @@ -442,9 +442,9 @@
442 442  )))
443 443  )))
444 444  
445 -(% style="padding:0 16px 16px 16px;" %)
438 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
446 446  (((
447 -[[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"]]
448 448  )))
449 449  )))
450 450  )))
... ... @@ -508,9 +508,9 @@
508 508  )))
509 509  )))
510 510  
511 -(% style="padding:0 16px 16px 16px;" %)
504 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
512 512  (((
513 -[[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"]]
514 514  )))
515 515  )))
516 516  )))
... ... @@ -584,9 +584,9 @@
584 584  )))
585 585  )))
586 586  
587 -(% style="padding:0 16px 16px 16px;" %)
580 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
588 588  (((
589 -[[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"]]
590 590  )))
591 591  )))
592 592  )))
... ... @@ -636,11 +636,1488 @@
636 636  == Need help finding the right route? ==
637 637  
638 638  {{info title="Start with the right service"}}
639 -For **project development, funding, proposals and coordination of funded art/research projects**, start with **Support Kunst und Forschung**.
632 +For **project development, funding, proposals and coordination of funded art and research projects**, **Support Kunst und Forschung** is a good place to start.
640 640  
641 -For **specialist questions**, use the responsible service named on the relevant topic page. The navigator is the shared front door; the specialist units remain accountable for their fields.
642 -
643 -//Add the central routing/contact-form link here once it is available.//
634 +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.
644 644  {{/info}}
645 645  )))
646 646  
638 +{{html clean="false"}}
639 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
640 +
641 +<style data-sn-service-navigator-master="1">
642 +/* =========================================================
643 + MASTER TYPOGRAPHY
644 + ========================================================= */
645 +#xwikicontent h1,
646 +#xwikicontent h2,
647 +#xwikicontent h3,
648 +#xwikicontent h4,
649 +#xwikicontent h5,
650 +#xwikicontent h6,
651 +#xwikicontent .box-title,
652 +#xwikicontent [role="heading"],
653 +#xwikicontent h1 a,
654 +#xwikicontent h2 a,
655 +#xwikicontent h3 a,
656 +#xwikicontent h4 a,
657 +#xwikicontent h5 a,
658 +#xwikicontent h6 a,
659 +#xwikicontent .box-title a,
660 +#xwikicontent [role="heading"] a{
661 + text-align:left!important;
662 + text-justify:auto!important;
663 + word-spacing:normal!important;
664 +}
665 +
666 +/* =========================================================
667 + COMING SOON / IN VORBEREITUNG
668 + ========================================================= */
669 +.sn-coming-soon-badge{
670 + display:inline-block;
671 + vertical-align:middle;
672 + margin-left:10px;
673 + padding:4px 8px;
674 + border-radius:14px;
675 + border:1px solid #efd9cc;
676 + background:#fff4ee;
677 + color:#8a4d36;
678 + font-size:11px;
679 + font-weight:700;
680 + letter-spacing:.055em;
681 + line-height:1.2;
682 + white-space:nowrap;
683 +}
684 +
685 +/* =========================================================
686 + NATIVE / DETAIL CALLOUT GEOMETRY
687 + Preserve existing backgrounds.
688 + ========================================================= */
689 +#xwikicontent .arsn-info,
690 +#xwikicontent .dmp-info,
691 +#xwikicontent .ido-info,
692 +#xwikicontent .pp-info,
693 +#xwikicontent .infomessage{
694 + box-sizing:border-box!important;
695 + border-left:4px solid #21b6d7!important;
696 + border-radius:8px;
697 + text-align:left!important;
698 + word-spacing:normal!important;
699 +}
700 +
701 +#xwikicontent .arsn-warn,
702 +#xwikicontent .dmp-warn,
703 +#xwikicontent .ido-warn,
704 +#xwikicontent .pp-warn,
705 +#xwikicontent .warn,
706 +#xwikicontent .warning,
707 +#xwikicontent .warningmessage,
708 +#xwikicontent .errormessage{
709 + box-sizing:border-box!important;
710 + border-left:4px solid #e94b13!important;
711 + border-radius:8px;
712 + text-align:left!important;
713 + word-spacing:normal!important;
714 +}
715 +
716 +[data-sn-master-equal-height],
717 +[data-sn-master-first-row]{
718 + box-sizing:border-box;
719 +}
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 +}
752 +</style>
753 +
754 +<script data-sn-service-navigator-master="1">
755 +(function(){
756 + "use strict";
757 +
758 + var PAGE_KIND="overview";
759 + var PLACEHOLDER=false;
760 + var PLACEHOLDER_LABEL="COMING SOON";
761 +
762 + var MOBILE_MAX=767;
763 + var ROW_TOLERANCE=6;
764 + var RESIZE_DEBOUNCE=220;
765 +
766 + var root=
767 + document.getElementById("xwikicontent")||
768 + document.querySelector(".xwiki-rendering-content")||
769 + document.querySelector("main")||
770 + document.body;
771 +
772 + if(!root)return;
773 +
774 + var managedHeight=new Set();
775 + var managedMargin=new Set();
776 + var originalHeight=new WeakMap();
777 + var originalMargin=new WeakMap();
778 +
779 + var resizeTimer=0;
780 + var running=false;
781 +
782 + var THEMES=[
783 + {
784 + name:"BLUE",
785 + accent:"#21b6d7",
786 + bg:"#eaf7fb",
787 + text:"#315d68",
788 + labels:[
789 + "HIER STARTEN",
790 + "ENTSCHEIDEN",
791 + "ÜBERPRÜFEN & ANPASSEN",
792 + "START HERE",
793 + "DECIDE",
794 + "REVIEW & ADAPT"
795 + ]
796 + },
797 + {
798 + name:"RED",
799 + accent:"#e94b13",
800 + bg:"#fff1ec",
801 + text:"#8a4d36",
802 + labels:[
803 + "PLANEN & ORGANISIEREN",
804 + "ORGANISIEREN & DOKUMENTIEREN",
805 + "PUBLIZIEREN & PRÄSENTIEREN",
806 + "PLAN & ORGANISE",
807 + "PLAN & ORGANIZE",
808 + "ORGANISE & DOCUMENT",
809 + "ORGANIZE & DOCUMENT",
810 + "PUBLISH & PRESENT"
811 + ]
812 + },
813 + {
814 + name:"YELLOW",
815 + accent:"#f0aa00",
816 + bg:"#fff8e7",
817 + text:"#785b17",
818 + labels:[
819 + "SCHÜTZEN & KLÄREN",
820 + "STANDARDISIEREN & IDENTIFIZIEREN",
821 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
822 + "PROTECT & CLARIFY",
823 + "STANDARDISE & IDENTIFY",
824 + "STANDARDIZE & IDENTIFY",
825 + "OPEN, REUSE & MAKE FINDABLE"
826 + ]
827 + },
828 + {
829 + name:"GREEN",
830 + accent:"#38b76a",
831 + bg:"#edf9f1",
832 + text:"#3f7451",
833 + labels:[
834 + "INFRASTRUKTUR EINRICHTEN",
835 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
836 + "SPEICHERN & ZUGRIFF STEUERN",
837 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
838 + "SET UP INFRASTRUCTURE",
839 + "SET UP INFRASTRUCTURE & COLLABORATION",
840 + "STORE & CONTROL ACCESS",
841 + "REPOSITORY, PRESERVE & HAND OVER"
842 + ]
843 + }
844 + ];
845 +
846 + function num(value){
847 + var n=parseFloat(value);
848 + return Number.isFinite(n)?n:0;
849 + }
850 +
851 + function norm(value){
852 + return String(value||"")
853 + .replace(/\s+/g," ")
854 + .trim()
855 + .toUpperCase();
856 + }
857 +
858 + function visible(el){
859 + if(!el||el.nodeType!==1)return false;
860 +
861 + var style=getComputedStyle(el);
862 + var rect=el.getBoundingClientRect();
863 +
864 + return (
865 + style.display!=="none"&&
866 + style.visibility!=="hidden"&&
867 + rect.width>20&&
868 + rect.height>4
869 + );
870 + }
871 +
872 + function saveStyle(el,map,property){
873 + if(map.has(el))return;
874 +
875 + map.set(el,{
876 + value:el.style.getPropertyValue(property),
877 + priority:el.style.getPropertyPriority(property)
878 + });
879 + }
880 +
881 + function restoreStyle(el,map,property){
882 + var original=map.get(el);
883 +
884 + if(original&&original.value){
885 + el.style.setProperty(
886 + property,
887 + original.value,
888 + original.priority||""
889 + );
890 + }else{
891 + el.style.removeProperty(property);
892 + }
893 + }
894 +
895 + function resetRuntime(){
896 + managedHeight.forEach(function(el){
897 + restoreStyle(
898 + el,
899 + originalHeight,
900 + "min-height"
901 + );
902 + el.removeAttribute(
903 + "data-sn-master-equal-height"
904 + );
905 + });
906 +
907 + managedMargin.forEach(function(el){
908 + restoreStyle(
909 + el,
910 + originalMargin,
911 + "margin-top"
912 + );
913 + el.removeAttribute(
914 + "data-sn-master-first-row"
915 + );
916 + });
917 +
918 + managedHeight.clear();
919 + managedMargin.clear();
920 + }
921 +
922 + function themeFor(text){
923 + var value=norm(text);
924 +
925 + for(var i=0;i<THEMES.length;i++){
926 + for(var j=0;j<THEMES[i].labels.length;j++){
927 + var label=THEMES[i].labels[j];
928 +
929 + if(
930 + value===label||
931 + value.indexOf(label+" ")===0||
932 + value.indexOf(label+" -")===0||
933 + value.indexOf(label+" ·")===0
934 + ){
935 + return THEMES[i];
936 + }
937 + }
938 + }
939 +
940 + return null;
941 + }
942 +
943 + /* =======================================================
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 + /* =======================================================
1165 + PLACEHOLDER BADGE
1166 + ======================================================= */
1167 +
1168 + function applyPlaceholderBadge(){
1169 + if(!PLACEHOLDER)return;
1170 +
1171 + if(
1172 + document.querySelector(
1173 + ".sn-coming-soon-badge"
1174 + )
1175 + ){
1176 + return;
1177 + }
1178 +
1179 + var title=
1180 + document.querySelector(
1181 + "#document-title"
1182 + )||
1183 + document.querySelector(
1184 + "h1"
1185 + );
1186 +
1187 + if(!title)return;
1188 +
1189 + var badge=
1190 + document.createElement(
1191 + "span"
1192 + );
1193 +
1194 + badge.className=
1195 + "sn-coming-soon-badge";
1196 +
1197 + badge.textContent=
1198 + PLACEHOLDER_LABEL;
1199 +
1200 + badge.setAttribute(
1201 + "aria-label",
1202 + PLACEHOLDER_LABEL
1203 + );
1204 +
1205 + title.appendChild(
1206 + badge
1207 + );
1208 + }
1209 +
1210 + /* =======================================================
1211 + DETAIL PAGE OWN-ACCENT PROPAGATION
1212 + ======================================================= */
1213 +
1214 + function parseRGB(value){
1215 + var match=String(value||"").match(
1216 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
1217 + );
1218 +
1219 + if(!match)return null;
1220 +
1221 + return [
1222 + Number(match[1]),
1223 + Number(match[2]),
1224 + Number(match[3])
1225 + ];
1226 + }
1227 +
1228 + function distance(a,b){
1229 + return Math.sqrt(
1230 + Math.pow(a[0]-b[0],2)+
1231 + Math.pow(a[1]-b[1],2)+
1232 + Math.pow(a[2]-b[2],2)
1233 + );
1234 + }
1235 +
1236 + function paletteMatch(cssColor){
1237 + var rgb=parseRGB(cssColor);
1238 +
1239 + if(!rgb)return null;
1240 +
1241 + var palette=[
1242 + {hex:"#21b6d7",rgb:[33,182,215]},
1243 + {hex:"#e94b13",rgb:[233,75,19]},
1244 + {hex:"#f0aa00",rgb:[240,170,0]},
1245 + {hex:"#38b76a",rgb:[56,183,106]}
1246 + ];
1247 +
1248 + var best=null;
1249 + var bestDistance=Infinity;
1250 +
1251 + palette.forEach(function(item){
1252 + var d=distance(rgb,item.rgb);
1253 +
1254 + if(d<bestDistance){
1255 + best=item;
1256 + bestDistance=d;
1257 + }
1258 + });
1259 +
1260 + return bestDistance<=30
1261 + ?best
1262 + :null;
1263 + }
1264 +
1265 + function propagateDetailAccents(){
1266 + if(PAGE_KIND!=="detail")return;
1267 +
1268 + Array.from(
1269 + root.querySelectorAll(
1270 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
1271 + ".arsn-source,.dmp-source,.ido-source,.pp-source"
1272 + )
1273 + ).forEach(function(el){
1274 + if(!visible(el))return;
1275 +
1276 + var style=getComputedStyle(el);
1277 +
1278 + if(
1279 + num(style.borderTopWidth)>=2
1280 + ){
1281 + var match=
1282 + paletteMatch(
1283 + style.borderTopColor
1284 + );
1285 +
1286 + if(match){
1287 + el.style.setProperty(
1288 + "border-left",
1289 + "4px solid "+match.hex,
1290 + "important"
1291 + );
1292 + }
1293 + }
1294 + });
1295 +
1296 + // Warning families: explicit safety override.
1297 + Array.from(
1298 + root.querySelectorAll(
1299 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
1300 + ".warn,.warning,.warningmessage,.errormessage"
1301 + )
1302 + ).forEach(function(el){
1303 + if(!visible(el))return;
1304 +
1305 + el.style.setProperty(
1306 + "border-left",
1307 + "4px solid #e94b13",
1308 + "important"
1309 + );
1310 + });
1311 +
1312 + // Info families: explicit orientation override.
1313 + Array.from(
1314 + root.querySelectorAll(
1315 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
1316 + )
1317 + ).forEach(function(el){
1318 + if(!visible(el))return;
1319 +
1320 + el.style.setProperty(
1321 + "border-left",
1322 + "4px solid #21b6d7",
1323 + "important"
1324 + );
1325 + });
1326 + }
1327 +
1328 + /* =======================================================
1329 + OVERVIEW SEMANTIC THEME PALETTE
1330 + ======================================================= */
1331 +
1332 + function smallestThemeHeaders(){
1333 + return Array.from(
1334 + root.querySelectorAll(
1335 + "div,span,p,strong,h3,h4,h5,h6"
1336 + )
1337 + ).filter(function(el){
1338 + if(!visible(el))return false;
1339 + if(!themeFor(el.textContent))return false;
1340 +
1341 + return !Array.from(
1342 + el.children||[]
1343 + ).some(function(child){
1344 + return !!themeFor(
1345 + child.textContent
1346 + );
1347 + });
1348 + });
1349 + }
1350 +
1351 + function findOverviewCard(header){
1352 + var node=header.parentElement;
1353 + var candidates=[];
1354 +
1355 + while(node&&node!==root){
1356 + var rect=node.getBoundingClientRect();
1357 + var style=getComputedStyle(node);
1358 +
1359 + var border=
1360 + num(style.borderTopWidth)+
1361 + num(style.borderRightWidth)+
1362 + num(style.borderBottomWidth)+
1363 + num(style.borderLeftWidth);
1364 +
1365 + if(
1366 + rect.width>=220&&
1367 + rect.width<=800&&
1368 + rect.height>=120&&
1369 + border>=1
1370 + ){
1371 + candidates.push(node);
1372 + }
1373 +
1374 + node=node.parentElement;
1375 + }
1376 +
1377 + if(!candidates.length)return null;
1378 +
1379 + candidates.sort(function(a,b){
1380 + return (
1381 + b.getBoundingClientRect().height-
1382 + a.getBoundingClientRect().height
1383 + );
1384 + });
1385 +
1386 + return candidates[0];
1387 + }
1388 +
1389 + function rowCandidates(link,card){
1390 + var result=[];
1391 + var cardRect=
1392 + card.getBoundingClientRect();
1393 +
1394 + var node=link;
1395 +
1396 + while(node&&node!==card){
1397 + if(visible(node)){
1398 + var rect=
1399 + node.getBoundingClientRect();
1400 +
1401 + if(
1402 + rect.height<=105&&
1403 + rect.width>=
1404 + cardRect.width*.50&&
1405 + rect.width<=
1406 + cardRect.width*1.03
1407 + ){
1408 + result.push(node);
1409 + }
1410 + }
1411 +
1412 + node=node.parentElement;
1413 + }
1414 +
1415 + return result;
1416 + }
1417 +
1418 + function chooseOuterRow(
1419 + candidates,
1420 + link
1421 + ){
1422 + if(!candidates.length){
1423 + return link;
1424 + }
1425 +
1426 + var bordered=
1427 + candidates.filter(function(el){
1428 + return (
1429 + num(
1430 + getComputedStyle(el)
1431 + .borderLeftWidth
1432 + )>=1
1433 + );
1434 + });
1435 +
1436 + var pool=
1437 + bordered.length
1438 + ?bordered
1439 + :candidates;
1440 +
1441 + pool.sort(function(a,b){
1442 + var ar=
1443 + a.getBoundingClientRect();
1444 +
1445 + var br=
1446 + b.getBoundingClientRect();
1447 +
1448 + return (
1449 + ar.left-br.left||
1450 + br.width-ar.width
1451 + );
1452 + });
1453 +
1454 + return pool[0]||link;
1455 + }
1456 +
1457 + function applyOverviewPalette(){
1458 + if(PAGE_KIND!=="overview"){
1459 + return [];
1460 + }
1461 +
1462 + var headers=
1463 + smallestThemeHeaders()
1464 + .map(function(el){
1465 + return {
1466 + el:el,
1467 + theme:
1468 + themeFor(
1469 + el.textContent
1470 + ),
1471 + card:
1472 + findOverviewCard(
1473 + el
1474 + )
1475 + };
1476 + })
1477 + .filter(function(row){
1478 + return !!row.card;
1479 + });
1480 +
1481 + var unique=[];
1482 + var seenHeaders=new Set();
1483 +
1484 + headers.forEach(function(row){
1485 + var key=
1486 + row.theme.name+
1487 + "|"+
1488 + Math.round(
1489 + row.card
1490 + .getBoundingClientRect()
1491 + .left
1492 + )+
1493 + "|"+
1494 + Math.round(
1495 + row.el
1496 + .getBoundingClientRect()
1497 + .top
1498 + );
1499 +
1500 + if(!seenHeaders.has(key)){
1501 + seenHeaders.add(key);
1502 + unique.push(row);
1503 + }
1504 + });
1505 +
1506 + unique.forEach(function(row){
1507 + var headerRect=
1508 + row.el
1509 + .getBoundingClientRect();
1510 +
1511 + row.el.style.setProperty(
1512 + "background",
1513 + row.theme.bg,
1514 + "important"
1515 + );
1516 +
1517 + row.el.style.setProperty(
1518 + "color",
1519 + row.theme.text,
1520 + "important"
1521 + );
1522 +
1523 + row.el.style.setProperty(
1524 + "text-align",
1525 + "left",
1526 + "important"
1527 + );
1528 +
1529 + row.el.style.setProperty(
1530 + "word-spacing",
1531 + "normal",
1532 + "important"
1533 + );
1534 +
1535 + var later=
1536 + unique
1537 + .filter(function(other){
1538 + return (
1539 + other.card===row.card&&
1540 + other.el
1541 + .getBoundingClientRect()
1542 + .top>
1543 + headerRect.top+2
1544 + );
1545 + })
1546 + .sort(function(a,b){
1547 + return (
1548 + a.el
1549 + .getBoundingClientRect()
1550 + .top-
1551 + b.el
1552 + .getBoundingClientRect()
1553 + .top
1554 + );
1555 + });
1556 +
1557 + var stopTop=
1558 + later.length
1559 + ?later[0].el
1560 + .getBoundingClientRect()
1561 + .top
1562 + :Infinity;
1563 +
1564 + Array.from(
1565 + row.card.querySelectorAll("a")
1566 + ).forEach(function(link){
1567 + if(
1568 + link.classList &&
1569 + link.classList.contains(
1570 + "arsn-phase-cta"
1571 + )
1572 + ){
1573 + return;
1574 + }
1575 +
1576 + if(!visible(link))return;
1577 +
1578 + var rect=
1579 + link.getBoundingClientRect();
1580 +
1581 + if(
1582 + rect.top<=
1583 + headerRect.bottom-2||
1584 + rect.top>=
1585 + stopTop-2
1586 + ){
1587 + return;
1588 + }
1589 +
1590 + var candidates=
1591 + rowCandidates(
1592 + link,
1593 + row.card
1594 + );
1595 +
1596 + var target=
1597 + chooseOuterRow(
1598 + candidates,
1599 + link
1600 + );
1601 +
1602 + candidates.forEach(function(el){
1603 + el.style.setProperty(
1604 + "border-left",
1605 + "0 solid transparent",
1606 + "important"
1607 + );
1608 + });
1609 +
1610 + target.style.setProperty(
1611 + "border-left",
1612 + "3px solid "+
1613 + row.theme.accent,
1614 + "important"
1615 + );
1616 +
1617 + target.style.setProperty(
1618 + "box-sizing",
1619 + "border-box",
1620 + "important"
1621 + );
1622 + });
1623 + });
1624 +
1625 + return unique;
1626 + }
1627 +
1628 + /* =======================================================
1629 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1630 + ======================================================= */
1631 +
1632 + function alignOverviewCards(headers){
1633 + if(
1634 + PAGE_KIND!=="overview"||
1635 + window.innerWidth<=MOBILE_MAX
1636 + ){
1637 + return;
1638 + }
1639 +
1640 + var cards=[];
1641 + var seen=new Set();
1642 +
1643 + headers.forEach(function(row){
1644 + if(!seen.has(row.card)){
1645 + seen.add(row.card);
1646 + cards.push(row.card);
1647 + }
1648 + });
1649 +
1650 + if(cards.length<2){
1651 + return;
1652 + }
1653 +
1654 + // Group cards by actual top position.
1655 + var groups=[];
1656 +
1657 + cards.forEach(function(card){
1658 + var top=
1659 + card.getBoundingClientRect().top;
1660 +
1661 + var group=null;
1662 +
1663 + for(var i=0;i<groups.length;i++){
1664 + if(
1665 + Math.abs(
1666 + groups[i].top-top
1667 + )<=ROW_TOLERANCE
1668 + ){
1669 + group=groups[i];
1670 + break;
1671 + }
1672 + }
1673 +
1674 + if(!group){
1675 + group={
1676 + top:top,
1677 + cards:[]
1678 + };
1679 + groups.push(group);
1680 + }
1681 +
1682 + group.cards.push(card);
1683 + });
1684 +
1685 + groups.forEach(function(group){
1686 + if(group.cards.length<2){
1687 + return;
1688 + }
1689 +
1690 + var firstHeaders=
1691 + group.cards.map(function(card){
1692 + var candidates=
1693 + headers
1694 + .filter(function(row){
1695 + return row.card===card;
1696 + })
1697 + .sort(function(a,b){
1698 + return (
1699 + a.el
1700 + .getBoundingClientRect()
1701 + .top-
1702 + b.el
1703 + .getBoundingClientRect()
1704 + .top
1705 + );
1706 + });
1707 +
1708 + return candidates.length
1709 + ?candidates[0]
1710 + :null;
1711 + });
1712 +
1713 + if(
1714 + !firstHeaders.some(function(row){
1715 + return !row;
1716 + })
1717 + ){
1718 + var targetTop=
1719 + Math.max.apply(
1720 + Math,
1721 + firstHeaders.map(function(row){
1722 + return (
1723 + row.el
1724 + .getBoundingClientRect()
1725 + .top-
1726 + row.card
1727 + .getBoundingClientRect()
1728 + .top
1729 + );
1730 + })
1731 + );
1732 +
1733 + firstHeaders.forEach(function(row){
1734 + var relativeTop=
1735 + row.el
1736 + .getBoundingClientRect()
1737 + .top-
1738 + row.card
1739 + .getBoundingClientRect()
1740 + .top;
1741 +
1742 + var delta=
1743 + targetTop-relativeTop;
1744 +
1745 + if(delta>1){
1746 + saveStyle(
1747 + row.el,
1748 + originalMargin,
1749 + "margin-top"
1750 + );
1751 +
1752 + var current=
1753 + num(
1754 + getComputedStyle(
1755 + row.el
1756 + ).marginTop
1757 + );
1758 +
1759 + row.el.style.setProperty(
1760 + "margin-top",
1761 + (
1762 + current+delta
1763 + )+"px"
1764 + );
1765 +
1766 + row.el.setAttribute(
1767 + "data-sn-master-first-row",
1768 + "1"
1769 + );
1770 +
1771 + managedMargin.add(
1772 + row.el
1773 + );
1774 + }
1775 + });
1776 + }
1777 +
1778 + var maxHeight=0;
1779 +
1780 + group.cards.forEach(function(card){
1781 + maxHeight=
1782 + Math.max(
1783 + maxHeight,
1784 + card
1785 + .getBoundingClientRect()
1786 + .height
1787 + );
1788 + });
1789 +
1790 + maxHeight=
1791 + Math.ceil(maxHeight);
1792 +
1793 + group.cards.forEach(function(card){
1794 + saveStyle(
1795 + card,
1796 + originalHeight,
1797 + "min-height"
1798 + );
1799 +
1800 + card.style.setProperty(
1801 + "min-height",
1802 + maxHeight+"px"
1803 + );
1804 +
1805 + card.setAttribute(
1806 + "data-sn-master-equal-height",
1807 + "1"
1808 + );
1809 +
1810 + managedHeight.add(
1811 + card
1812 + );
1813 + });
1814 + });
1815 + }
1816 +
1817 + /* =======================================================
1818 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1819 + ======================================================= */
1820 +
1821 + function equaliseDetailGrids(){
1822 + if(
1823 + PAGE_KIND!=="detail"||
1824 + window.innerWidth<=MOBILE_MAX
1825 + ){
1826 + return;
1827 + }
1828 +
1829 + var selectors=[
1830 + ".arsn-grid",
1831 + ".arsn-grid-2",
1832 + ".arsn-grid-3",
1833 + ".dmp-grid",
1834 + ".ido-grid",
1835 + ".pp-grid"
1836 + ];
1837 +
1838 + selectors.forEach(function(selector){
1839 + Array.from(
1840 + root.querySelectorAll(selector)
1841 + ).forEach(function(grid){
1842 + var children=
1843 + Array.from(
1844 + grid.children||[]
1845 + ).filter(visible);
1846 +
1847 + if(children.length<2){
1848 + return;
1849 + }
1850 +
1851 + var groups=[];
1852 +
1853 + children.forEach(function(child){
1854 + var top=
1855 + child
1856 + .getBoundingClientRect()
1857 + .top;
1858 +
1859 + var group=null;
1860 +
1861 + for(var i=0;i<groups.length;i++){
1862 + if(
1863 + Math.abs(
1864 + groups[i].top-top
1865 + )<=ROW_TOLERANCE
1866 + ){
1867 + group=groups[i];
1868 + break;
1869 + }
1870 + }
1871 +
1872 + if(!group){
1873 + group={
1874 + top:top,
1875 + items:[]
1876 + };
1877 + groups.push(group);
1878 + }
1879 +
1880 + group.items.push(child);
1881 + });
1882 +
1883 + groups.forEach(function(group){
1884 + if(group.items.length<2){
1885 + return;
1886 + }
1887 +
1888 + var maxHeight=0;
1889 +
1890 + group.items.forEach(function(item){
1891 + maxHeight=
1892 + Math.max(
1893 + maxHeight,
1894 + item
1895 + .getBoundingClientRect()
1896 + .height
1897 + );
1898 + });
1899 +
1900 + maxHeight=
1901 + Math.ceil(maxHeight);
1902 +
1903 + group.items.forEach(function(item){
1904 + saveStyle(
1905 + item,
1906 + originalHeight,
1907 + "min-height"
1908 + );
1909 +
1910 + item.style.setProperty(
1911 + "min-height",
1912 + maxHeight+"px"
1913 + );
1914 +
1915 + item.setAttribute(
1916 + "data-sn-master-equal-height",
1917 + "1"
1918 + );
1919 +
1920 + managedHeight.add(item);
1921 + });
1922 + });
1923 + });
1924 + });
1925 + }
1926 +
1927 + /* =======================================================
1928 + RUN / RESPONSIVE SCHEDULING
1929 + ======================================================= */
1930 +
1931 + function run(){
1932 + if(running)return;
1933 +
1934 + running=true;
1935 +
1936 + try{
1937 + resetRuntime();
1938 + applyPlaceholderBadge();
1939 + propagateDetailAccents();
1940 +
1941 + var headers=
1942 + applyOverviewPalette();
1943 +
1944 + makeThreeLineAreaLabels();
1945 + makeFilledRedOrangeCTAsBorderless();
1946 +
1947 + if(
1948 + window.innerWidth>
1949 + MOBILE_MAX
1950 + ){
1951 + alignOverviewCards(
1952 + headers
1953 + );
1954 +
1955 + equaliseDetailGrids();
1956 + }
1957 + }finally{
1958 + running=false;
1959 + }
1960 + }
1961 +
1962 + function onResize(){
1963 + if(resizeTimer){
1964 + clearTimeout(
1965 + resizeTimer
1966 + );
1967 + }
1968 +
1969 + resizeTimer=
1970 + setTimeout(
1971 + function(){
1972 + resizeTimer=0;
1973 + run();
1974 + },
1975 + RESIZE_DEBOUNCE
1976 + );
1977 + }
1978 +
1979 + async function waitForReady(){
1980 + if(
1981 + document.readyState!=="complete"
1982 + ){
1983 + await new Promise(function(resolve){
1984 + window.addEventListener(
1985 + "load",
1986 + resolve,
1987 + {once:true}
1988 + );
1989 + });
1990 + }
1991 +
1992 + if(
1993 + document.fonts&&
1994 + document.fonts.ready
1995 + ){
1996 + try{
1997 + await document.fonts.ready;
1998 + }catch(error){}
1999 + }
2000 +
2001 + var images=
2002 + Array.from(
2003 + root.querySelectorAll("img")
2004 + );
2005 +
2006 + await Promise.all(
2007 + images.map(function(img){
2008 + if(img.complete){
2009 + return Promise.resolve();
2010 + }
2011 +
2012 + return new Promise(function(resolve){
2013 + var done=function(){
2014 + resolve();
2015 + };
2016 +
2017 + img.addEventListener(
2018 + "load",
2019 + done,
2020 + {once:true}
2021 + );
2022 +
2023 + img.addEventListener(
2024 + "error",
2025 + done,
2026 + {once:true}
2027 + );
2028 + });
2029 + })
2030 + );
2031 +
2032 + run();
2033 + }
2034 +
2035 + window.addEventListener(
2036 + "resize",
2037 + onResize,
2038 + {passive:true}
2039 + );
2040 +
2041 + waitForReady();
2042 +})();
2043 +</script>
2044 +
2045 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
2046 +{{/html}}
2047 +
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 +