Skip to Content
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 39.18
edited by Veronika Kocher
on Wednesday, 02 Sep 2026 17:13
Change comment: There is no comment for this version
To version 42.2
edited by Veronika Kocher
on Monday, 07 Sep 2026 13:10
Change comment: Auto-saved during real-time collaboration

Summary

Details

Page properties
Content
... ... @@ -2,21 +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 -{{html}}<!-- ARSN_GOVERNANCE_ROUTING_V1 -->{{/html}}
6 -{{info title="How responsibilities work"}}
7 -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.
8 8  
9 -**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.
10 -
11 -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.
12 -
13 -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.
14 14  {{/info}}
15 15  
16 -
17 -
18 18  {{html clean="false"}}
19 -<section data-arsn-search-block-fix="v4" 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);">
12 +<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);">
20 20   <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art &amp; Research Services Navigator</h2>
21 21   <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
... ... @@ -362,7 +362,7 @@
362 362  (% style="padding:18px 17px 17px 17px;flex:1;" %)
363 363  (((
364 364  (% style="font-size:19px;font-weight:700;margin-bottom:2px;" %)
365 -[[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;"]]
366 366  
367 367  (% style="color:#666;margin-bottom:16px;" %)
368 368  Prepare your project before the main work begins.
... ... @@ -440,9 +440,9 @@
440 440  )))
441 441  )))
442 442  
443 -(% style="padding:0 16px 16px 16px;" %)
436 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
444 444  (((
445 -[[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"]]
446 446  )))
447 447  )))
448 448  )))
... ... @@ -506,9 +506,9 @@
506 506  )))
507 507  )))
508 508  
509 -(% style="padding:0 16px 16px 16px;" %)
502 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
510 510  (((
511 -[[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"]]
512 512  )))
513 513  )))
514 514  )))
... ... @@ -582,9 +582,9 @@
582 582  )))
583 583  )))
584 584  
585 -(% style="padding:0 16px 16px 16px;" %)
578 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
586 586  (((
587 -[[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"]]
588 588  )))
589 589  )))
590 590  )))
... ... @@ -593,6 +593,19 @@
593 593  
594 594  (% style="margin-top:30px;" %)
595 595  (((
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 +
596 596  == Practical resources ==
597 597  
598 598  Use practical resources when you need a concise overview, a step-by-step procedure or a ready-to-use project aid.
... ... @@ -637,8 +637,1478 @@
637 637  For **project development, funding, proposals and coordination of funded art and research projects**, **Support Kunst und Forschung** is a good place to start.
638 638  
639 639  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.
640 -
641 -{{html}}<!-- Editorial: add the central routing/contact-form link once available. -->{{/html}}
642 642  {{/info}}
643 643  )))
644 644  
649 +{{html clean="false"}}<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
650 +
651 +<style data-sn-service-navigator-master="1">
652 +/* =========================================================
653 + MASTER TYPOGRAPHY
654 + ========================================================= */
655 +#xwikicontent h1,
656 +#xwikicontent h2,
657 +#xwikicontent h3,
658 +#xwikicontent h4,
659 +#xwikicontent h5,
660 +#xwikicontent h6,
661 +#xwikicontent .box-title,
662 +#xwikicontent [role="heading"],
663 +#xwikicontent h1 a,
664 +#xwikicontent h2 a,
665 +#xwikicontent h3 a,
666 +#xwikicontent h4 a,
667 +#xwikicontent h5 a,
668 +#xwikicontent h6 a,
669 +#xwikicontent .box-title a,
670 +#xwikicontent [role="heading"] a{
671 + text-align:left!important;
672 + text-justify:auto!important;
673 + word-spacing:normal!important;
674 +}
675 +
676 +/* =========================================================
677 + COMING SOON / IN VORBEREITUNG
678 + ========================================================= */
679 +.sn-coming-soon-badge{
680 + display:inline-block;
681 + vertical-align:middle;
682 + margin-left:10px;
683 + padding:4px 8px;
684 + border-radius:14px;
685 + border:1px solid #efd9cc;
686 + background:#fff4ee;
687 + color:#8a4d36;
688 + font-size:11px;
689 + font-weight:700;
690 + letter-spacing:.055em;
691 + line-height:1.2;
692 + white-space:nowrap;
693 +}
694 +
695 +/* =========================================================
696 + NATIVE / DETAIL CALLOUT GEOMETRY
697 + Preserve existing backgrounds.
698 + ========================================================= */
699 +#xwikicontent .arsn-info,
700 +#xwikicontent .dmp-info,
701 +#xwikicontent .ido-info,
702 +#xwikicontent .pp-info,
703 +#xwikicontent .infomessage{
704 + box-sizing:border-box!important;
705 + border-left:4px solid #21b6d7!important;
706 + border-radius:8px;
707 + text-align:left!important;
708 + word-spacing:normal!important;
709 +}
710 +
711 +#xwikicontent .arsn-warn,
712 +#xwikicontent .dmp-warn,
713 +#xwikicontent .ido-warn,
714 +#xwikicontent .pp-warn,
715 +#xwikicontent .warn,
716 +#xwikicontent .warning,
717 +#xwikicontent .warningmessage,
718 +#xwikicontent .errormessage{
719 + box-sizing:border-box!important;
720 + border-left:4px solid #e94b13!important;
721 + border-radius:8px;
722 + text-align:left!important;
723 + word-spacing:normal!important;
724 +}
725 +
726 +[data-sn-master-equal-height],
727 +[data-sn-master-first-row]{
728 + box-sizing:border-box;
729 +}
730 +
731 +/* =========================================================
732 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
733 + ========================================================= */
734 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
735 + display:grid!important;
736 + grid-template-columns:minmax(0,1fr)!important;
737 + grid-auto-rows:auto!important;
738 + width:100%!important;
739 + max-width:none!important;
740 + box-sizing:border-box!important;
741 + justify-items:start!important;
742 + align-items:start!important;
743 + gap:2px!important;
744 + text-align:left!important;
745 + text-align-last:left!important;
746 + text-justify:auto!important;
747 + word-spacing:normal!important;
748 + white-space:normal!important;
749 +}
750 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
751 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
752 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
753 + display:block!important;
754 + width:100%!important;
755 + margin:0!important;
756 + text-align:left!important;
757 + text-align-last:left!important;
758 + text-justify:auto!important;
759 + word-spacing:normal!important;
760 + white-space:normal!important;
761 +}
762 +</style>
763 +
764 +<script data-sn-service-navigator-master="1">
765 +(function(){
766 + "use strict";
767 +
768 + var PAGE_KIND="overview";
769 + var PLACEHOLDER=false;
770 + var PLACEHOLDER_LABEL="COMING SOON";
771 +
772 + var MOBILE_MAX=767;
773 + var ROW_TOLERANCE=6;
774 + var RESIZE_DEBOUNCE=220;
775 +
776 + var root=
777 + document.getElementById("xwikicontent")||
778 + document.querySelector(".xwiki-rendering-content")||
779 + document.querySelector("main")||
780 + document.body;
781 +
782 + if(!root)return;
783 +
784 + var managedHeight=new Set();
785 + var managedMargin=new Set();
786 + var originalHeight=new WeakMap();
787 + var originalMargin=new WeakMap();
788 +
789 + var resizeTimer=0;
790 + var running=false;
791 +
792 + var THEMES=[
793 + {
794 + name:"BLUE",
795 + accent:"#21b6d7",
796 + bg:"#eaf7fb",
797 + text:"#315d68",
798 + labels:[
799 + "HIER STARTEN",
800 + "ENTSCHEIDEN",
801 + "ÜBERPRÜFEN & ANPASSEN",
802 + "START HERE",
803 + "DECIDE",
804 + "REVIEW & ADAPT"
805 + ]
806 + },
807 + {
808 + name:"RED",
809 + accent:"#e94b13",
810 + bg:"#fff1ec",
811 + text:"#8a4d36",
812 + labels:[
813 + "PLANEN & ORGANISIEREN",
814 + "ORGANISIEREN & DOKUMENTIEREN",
815 + "PUBLIZIEREN & PRÄSENTIEREN",
816 + "PLAN & ORGANISE",
817 + "PLAN & ORGANIZE",
818 + "ORGANISE & DOCUMENT",
819 + "ORGANIZE & DOCUMENT",
820 + "PUBLISH & PRESENT"
821 + ]
822 + },
823 + {
824 + name:"YELLOW",
825 + accent:"#f0aa00",
826 + bg:"#fff8e7",
827 + text:"#785b17",
828 + labels:[
829 + "SCHÜTZEN & KLÄREN",
830 + "STANDARDISIEREN & IDENTIFIZIEREN",
831 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
832 + "PROTECT & CLARIFY",
833 + "STANDARDISE & IDENTIFY",
834 + "STANDARDIZE & IDENTIFY",
835 + "OPEN, REUSE & MAKE FINDABLE"
836 + ]
837 + },
838 + {
839 + name:"GREEN",
840 + accent:"#38b76a",
841 + bg:"#edf9f1",
842 + text:"#3f7451",
843 + labels:[
844 + "INFRASTRUKTUR EINRICHTEN",
845 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
846 + "SPEICHERN & ZUGRIFF STEUERN",
847 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
848 + "SET UP INFRASTRUCTURE",
849 + "SET UP INFRASTRUCTURE & COLLABORATION",
850 + "STORE & CONTROL ACCESS",
851 + "REPOSITORY, PRESERVE & HAND OVER"
852 + ]
853 + }
854 + ];
855 +
856 + function num(value){
857 + var n=parseFloat(value);
858 + return Number.isFinite(n)?n:0;
859 + }
860 +
861 + function norm(value){
862 + return String(value||"")
863 + .replace(/\s+/g," ")
864 + .trim()
865 + .toUpperCase();
866 + }
867 +
868 + function visible(el){
869 + if(!el||el.nodeType!==1)return false;
870 +
871 + var style=getComputedStyle(el);
872 + var rect=el.getBoundingClientRect();
873 +
874 + return (
875 + style.display!=="none"&&
876 + style.visibility!=="hidden"&&
877 + rect.width>20&&
878 + rect.height>4
879 + );
880 + }
881 +
882 + function saveStyle(el,map,property){
883 + if(map.has(el))return;
884 +
885 + map.set(el,{
886 + value:el.style.getPropertyValue(property),
887 + priority:el.style.getPropertyPriority(property)
888 + });
889 + }
890 +
891 + function restoreStyle(el,map,property){
892 + var original=map.get(el);
893 +
894 + if(original&&original.value){
895 + el.style.setProperty(
896 + property,
897 + original.value,
898 + original.priority||""
899 + );
900 + }else{
901 + el.style.removeProperty(property);
902 + }
903 + }
904 +
905 + function resetRuntime(){
906 + managedHeight.forEach(function(el){
907 + restoreStyle(
908 + el,
909 + originalHeight,
910 + "min-height"
911 + );
912 + el.removeAttribute(
913 + "data-sn-master-equal-height"
914 + );
915 + });
916 +
917 + managedMargin.forEach(function(el){
918 + restoreStyle(
919 + el,
920 + originalMargin,
921 + "margin-top"
922 + );
923 + el.removeAttribute(
924 + "data-sn-master-first-row"
925 + );
926 + });
927 +
928 + managedHeight.clear();
929 + managedMargin.clear();
930 + }
931 +
932 + function themeFor(text){
933 + var value=norm(text);
934 +
935 + for(var i=0;i<THEMES.length;i++){
936 + for(var j=0;j<THEMES[i].labels.length;j++){
937 + var label=THEMES[i].labels[j];
938 +
939 + if(
940 + value===label||
941 + value.indexOf(label+" ")===0||
942 + value.indexOf(label+" -")===0||
943 + value.indexOf(label+" ·")===0
944 + ){
945 + return THEMES[i];
946 + }
947 + }
948 + }
949 +
950 + return null;
951 + }
952 +
953 + /* =======================================================
954 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
955 + ======================================================= */
956 +
957 + function colourDistance(a,b){
958 + return Math.sqrt(
959 + Math.pow(a[0]-b[0],2)+
960 + Math.pow(a[1]-b[1],2)+
961 + Math.pow(a[2]-b[2],2)
962 + );
963 + }
964 +
965 + function makeFilledRedOrangeCTAsBorderless(){
966 + var RED_ORANGE=[233,75,19];
967 +
968 + Array.from(
969 + root.querySelectorAll(
970 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
971 + )
972 + ).forEach(function(el){
973 + if(!visible(el))return;
974 +
975 + var style=getComputedStyle(el);
976 + var rgb=parseRGB(style.backgroundColor);
977 +
978 + if(!rgb)return;
979 +
980 + if(
981 + colourDistance(
982 + rgb,
983 + RED_ORANGE
984 + )>55
985 + ){
986 + return;
987 + }
988 +
989 + var rect=el.getBoundingClientRect();
990 +
991 + if(
992 + rect.width<80||
993 + rect.height<24
994 + ){
995 + return;
996 + }
997 +
998 + el.style.setProperty(
999 + "border",
1000 + "none",
1001 + "important"
1002 + );
1003 +
1004 + el.style.setProperty(
1005 + "border-left",
1006 + "none",
1007 + "important"
1008 + );
1009 +
1010 + el.style.setProperty(
1011 + "border-top",
1012 + "none",
1013 + "important"
1014 + );
1015 +
1016 + el.style.setProperty(
1017 + "border-right",
1018 + "none",
1019 + "important"
1020 + );
1021 +
1022 + el.style.setProperty(
1023 + "border-bottom",
1024 + "none",
1025 + "important"
1026 + );
1027 +
1028 + el.style.setProperty(
1029 + "box-shadow",
1030 + "none",
1031 + "important"
1032 + );
1033 + });
1034 + }
1035 +
1036 + /* =======================================================
1037 + FULL-WIDTH THREE-LINE AREA LABELS
1038 + ======================================================= */
1039 +
1040 + function compactText(value){
1041 + return String(value||"")
1042 + .replace(/\s+/g," ")
1043 + .trim();
1044 + }
1045 +
1046 + function makeThreeLineAreaLabels(){
1047 + Array.from(
1048 + root.querySelectorAll(
1049 + ".arsn-area-label"
1050 + )
1051 + ).forEach(function(label){
1052 + if(
1053 + label.getAttribute(
1054 + "data-sn-three-line"
1055 + )==="1"
1056 + ){
1057 + return;
1058 + }
1059 +
1060 + var number=
1061 + label.querySelector(
1062 + ":scope > .arsn-area-number"
1063 + );
1064 +
1065 + var action=
1066 + label.querySelector(
1067 + ":scope > .arsn-area-action"
1068 + );
1069 +
1070 + if(
1071 + !number||
1072 + !action
1073 + ){
1074 + return;
1075 + }
1076 +
1077 + var clone=
1078 + label.cloneNode(true);
1079 +
1080 + var cloneNumber=
1081 + clone.querySelector(
1082 + ":scope > .arsn-area-number"
1083 + );
1084 +
1085 + var cloneAction=
1086 + clone.querySelector(
1087 + ":scope > .arsn-area-action"
1088 + );
1089 +
1090 + if(cloneNumber){
1091 + cloneNumber.remove();
1092 + }
1093 +
1094 + if(cloneAction){
1095 + cloneAction.remove();
1096 + }
1097 +
1098 + var titleText=
1099 + compactText(
1100 + clone.textContent
1101 + );
1102 +
1103 + if(!titleText){
1104 + return;
1105 + }
1106 +
1107 + var numberNode=
1108 + number.cloneNode(true);
1109 +
1110 + var actionNode=
1111 + action.cloneNode(true);
1112 +
1113 + var titleNode=
1114 + document.createElement(
1115 + "span"
1116 + );
1117 +
1118 + titleNode.className=
1119 + "sn-area-label-title";
1120 +
1121 + titleNode.textContent=
1122 + titleText;
1123 +
1124 + while(label.firstChild){
1125 + label.removeChild(
1126 + label.firstChild
1127 + );
1128 + }
1129 +
1130 + label.appendChild(
1131 + numberNode
1132 + );
1133 +
1134 + label.appendChild(
1135 + titleNode
1136 + );
1137 +
1138 + label.appendChild(
1139 + actionNode
1140 + );
1141 +
1142 + label.setAttribute(
1143 + "data-sn-three-line",
1144 + "1"
1145 + );
1146 +
1147 + var head=
1148 + label.closest(
1149 + ".arsn-area-head"
1150 + );
1151 +
1152 + if(head){
1153 + head.style.setProperty(
1154 + "width",
1155 + "100%",
1156 + "important"
1157 + );
1158 +
1159 + head.style.setProperty(
1160 + "max-width",
1161 + "100%",
1162 + "important"
1163 + );
1164 +
1165 + head.style.setProperty(
1166 + "box-sizing",
1167 + "border-box",
1168 + "important"
1169 + );
1170 + }
1171 + });
1172 + }
1173 +
1174 + /* =======================================================
1175 + PLACEHOLDER BADGE
1176 + ======================================================= */
1177 +
1178 + function applyPlaceholderBadge(){
1179 + if(!PLACEHOLDER)return;
1180 +
1181 + if(
1182 + document.querySelector(
1183 + ".sn-coming-soon-badge"
1184 + )
1185 + ){
1186 + return;
1187 + }
1188 +
1189 + var title=
1190 + document.querySelector(
1191 + "#document-title"
1192 + )||
1193 + document.querySelector(
1194 + "h1"
1195 + );
1196 +
1197 + if(!title)return;
1198 +
1199 + var badge=
1200 + document.createElement(
1201 + "span"
1202 + );
1203 +
1204 + badge.className=
1205 + "sn-coming-soon-badge";
1206 +
1207 + badge.textContent=
1208 + PLACEHOLDER_LABEL;
1209 +
1210 + badge.setAttribute(
1211 + "aria-label",
1212 + PLACEHOLDER_LABEL
1213 + );
1214 +
1215 + title.appendChild(
1216 + badge
1217 + );
1218 + }
1219 +
1220 + /* =======================================================
1221 + DETAIL PAGE OWN-ACCENT PROPAGATION
1222 + ======================================================= */
1223 +
1224 + function parseRGB(value){
1225 + var match=String(value||"").match(
1226 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
1227 + );
1228 +
1229 + if(!match)return null;
1230 +
1231 + return [
1232 + Number(match[1]),
1233 + Number(match[2]),
1234 + Number(match[3])
1235 + ];
1236 + }
1237 +
1238 + function distance(a,b){
1239 + return Math.sqrt(
1240 + Math.pow(a[0]-b[0],2)+
1241 + Math.pow(a[1]-b[1],2)+
1242 + Math.pow(a[2]-b[2],2)
1243 + );
1244 + }
1245 +
1246 + function paletteMatch(cssColor){
1247 + var rgb=parseRGB(cssColor);
1248 +
1249 + if(!rgb)return null;
1250 +
1251 + var palette=[
1252 + {hex:"#21b6d7",rgb:[33,182,215]},
1253 + {hex:"#e94b13",rgb:[233,75,19]},
1254 + {hex:"#f0aa00",rgb:[240,170,0]},
1255 + {hex:"#38b76a",rgb:[56,183,106]}
1256 + ];
1257 +
1258 + var best=null;
1259 + var bestDistance=Infinity;
1260 +
1261 + palette.forEach(function(item){
1262 + var d=distance(rgb,item.rgb);
1263 +
1264 + if(d<bestDistance){
1265 + best=item;
1266 + bestDistance=d;
1267 + }
1268 + });
1269 +
1270 + return bestDistance<=30
1271 + ?best
1272 + :null;
1273 + }
1274 +
1275 + function propagateDetailAccents(){
1276 + if(PAGE_KIND!=="detail")return;
1277 +
1278 + Array.from(
1279 + root.querySelectorAll(
1280 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
1281 + ".arsn-source,.dmp-source,.ido-source,.pp-source"
1282 + )
1283 + ).forEach(function(el){
1284 + if(!visible(el))return;
1285 +
1286 + var style=getComputedStyle(el);
1287 +
1288 + if(
1289 + num(style.borderTopWidth)>=2
1290 + ){
1291 + var match=
1292 + paletteMatch(
1293 + style.borderTopColor
1294 + );
1295 +
1296 + if(match){
1297 + el.style.setProperty(
1298 + "border-left",
1299 + "4px solid "+match.hex,
1300 + "important"
1301 + );
1302 + }
1303 + }
1304 + });
1305 +
1306 + // Warning families: explicit safety override.
1307 + Array.from(
1308 + root.querySelectorAll(
1309 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
1310 + ".warn,.warning,.warningmessage,.errormessage"
1311 + )
1312 + ).forEach(function(el){
1313 + if(!visible(el))return;
1314 +
1315 + el.style.setProperty(
1316 + "border-left",
1317 + "4px solid #e94b13",
1318 + "important"
1319 + );
1320 + });
1321 +
1322 + // Info families: explicit orientation override.
1323 + Array.from(
1324 + root.querySelectorAll(
1325 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
1326 + )
1327 + ).forEach(function(el){
1328 + if(!visible(el))return;
1329 +
1330 + el.style.setProperty(
1331 + "border-left",
1332 + "4px solid #21b6d7",
1333 + "important"
1334 + );
1335 + });
1336 + }
1337 +
1338 + /* =======================================================
1339 + OVERVIEW SEMANTIC THEME PALETTE
1340 + ======================================================= */
1341 +
1342 + function smallestThemeHeaders(){
1343 + return Array.from(
1344 + root.querySelectorAll(
1345 + "div,span,p,strong,h3,h4,h5,h6"
1346 + )
1347 + ).filter(function(el){
1348 + if(!visible(el))return false;
1349 + if(!themeFor(el.textContent))return false;
1350 +
1351 + return !Array.from(
1352 + el.children||[]
1353 + ).some(function(child){
1354 + return !!themeFor(
1355 + child.textContent
1356 + );
1357 + });
1358 + });
1359 + }
1360 +
1361 + function findOverviewCard(header){
1362 + var node=header.parentElement;
1363 + var candidates=[];
1364 +
1365 + while(node&&node!==root){
1366 + var rect=node.getBoundingClientRect();
1367 + var style=getComputedStyle(node);
1368 +
1369 + var border=
1370 + num(style.borderTopWidth)+
1371 + num(style.borderRightWidth)+
1372 + num(style.borderBottomWidth)+
1373 + num(style.borderLeftWidth);
1374 +
1375 + if(
1376 + rect.width>=220&&
1377 + rect.width<=800&&
1378 + rect.height>=120&&
1379 + border>=1
1380 + ){
1381 + candidates.push(node);
1382 + }
1383 +
1384 + node=node.parentElement;
1385 + }
1386 +
1387 + if(!candidates.length)return null;
1388 +
1389 + candidates.sort(function(a,b){
1390 + return (
1391 + b.getBoundingClientRect().height-
1392 + a.getBoundingClientRect().height
1393 + );
1394 + });
1395 +
1396 + return candidates[0];
1397 + }
1398 +
1399 + function rowCandidates(link,card){
1400 + var result=[];
1401 + var cardRect=
1402 + card.getBoundingClientRect();
1403 +
1404 + var node=link;
1405 +
1406 + while(node&&node!==card){
1407 + if(visible(node)){
1408 + var rect=
1409 + node.getBoundingClientRect();
1410 +
1411 + if(
1412 + rect.height<=105&&
1413 + rect.width>=
1414 + cardRect.width*.50&&
1415 + rect.width<=
1416 + cardRect.width*1.03
1417 + ){
1418 + result.push(node);
1419 + }
1420 + }
1421 +
1422 + node=node.parentElement;
1423 + }
1424 +
1425 + return result;
1426 + }
1427 +
1428 + function chooseOuterRow(
1429 + candidates,
1430 + link
1431 + ){
1432 + if(!candidates.length){
1433 + return link;
1434 + }
1435 +
1436 + var bordered=
1437 + candidates.filter(function(el){
1438 + return (
1439 + num(
1440 + getComputedStyle(el)
1441 + .borderLeftWidth
1442 + )>=1
1443 + );
1444 + });
1445 +
1446 + var pool=
1447 + bordered.length
1448 + ?bordered
1449 + :candidates;
1450 +
1451 + pool.sort(function(a,b){
1452 + var ar=
1453 + a.getBoundingClientRect();
1454 +
1455 + var br=
1456 + b.getBoundingClientRect();
1457 +
1458 + return (
1459 + ar.left-br.left||
1460 + br.width-ar.width
1461 + );
1462 + });
1463 +
1464 + return pool[0]||link;
1465 + }
1466 +
1467 + function applyOverviewPalette(){
1468 + if(PAGE_KIND!=="overview"){
1469 + return [];
1470 + }
1471 +
1472 + var headers=
1473 + smallestThemeHeaders()
1474 + .map(function(el){
1475 + return {
1476 + el:el,
1477 + theme:
1478 + themeFor(
1479 + el.textContent
1480 + ),
1481 + card:
1482 + findOverviewCard(
1483 + el
1484 + )
1485 + };
1486 + })
1487 + .filter(function(row){
1488 + return !!row.card;
1489 + });
1490 +
1491 + var unique=[];
1492 + var seenHeaders=new Set();
1493 +
1494 + headers.forEach(function(row){
1495 + var key=
1496 + row.theme.name+
1497 + "|"+
1498 + Math.round(
1499 + row.card
1500 + .getBoundingClientRect()
1501 + .left
1502 + )+
1503 + "|"+
1504 + Math.round(
1505 + row.el
1506 + .getBoundingClientRect()
1507 + .top
1508 + );
1509 +
1510 + if(!seenHeaders.has(key)){
1511 + seenHeaders.add(key);
1512 + unique.push(row);
1513 + }
1514 + });
1515 +
1516 + unique.forEach(function(row){
1517 + var headerRect=
1518 + row.el
1519 + .getBoundingClientRect();
1520 +
1521 + row.el.style.setProperty(
1522 + "background",
1523 + row.theme.bg,
1524 + "important"
1525 + );
1526 +
1527 + row.el.style.setProperty(
1528 + "color",
1529 + row.theme.text,
1530 + "important"
1531 + );
1532 +
1533 + row.el.style.setProperty(
1534 + "text-align",
1535 + "left",
1536 + "important"
1537 + );
1538 +
1539 + row.el.style.setProperty(
1540 + "word-spacing",
1541 + "normal",
1542 + "important"
1543 + );
1544 +
1545 + var later=
1546 + unique
1547 + .filter(function(other){
1548 + return (
1549 + other.card===row.card&&
1550 + other.el
1551 + .getBoundingClientRect()
1552 + .top>
1553 + headerRect.top+2
1554 + );
1555 + })
1556 + .sort(function(a,b){
1557 + return (
1558 + a.el
1559 + .getBoundingClientRect()
1560 + .top-
1561 + b.el
1562 + .getBoundingClientRect()
1563 + .top
1564 + );
1565 + });
1566 +
1567 + var stopTop=
1568 + later.length
1569 + ?later[0].el
1570 + .getBoundingClientRect()
1571 + .top
1572 + :Infinity;
1573 +
1574 + Array.from(
1575 + row.card.querySelectorAll("a")
1576 + ).forEach(function(link){
1577 + if(
1578 + link.classList &&
1579 + link.classList.contains(
1580 + "arsn-phase-cta"
1581 + )
1582 + ){
1583 + return;
1584 + }
1585 +
1586 + if(!visible(link))return;
1587 +
1588 + var rect=
1589 + link.getBoundingClientRect();
1590 +
1591 + if(
1592 + rect.top<=
1593 + headerRect.bottom-2||
1594 + rect.top>=
1595 + stopTop-2
1596 + ){
1597 + return;
1598 + }
1599 +
1600 + var candidates=
1601 + rowCandidates(
1602 + link,
1603 + row.card
1604 + );
1605 +
1606 + var target=
1607 + chooseOuterRow(
1608 + candidates,
1609 + link
1610 + );
1611 +
1612 + candidates.forEach(function(el){
1613 + el.style.setProperty(
1614 + "border-left",
1615 + "0 solid transparent",
1616 + "important"
1617 + );
1618 + });
1619 +
1620 + target.style.setProperty(
1621 + "border-left",
1622 + "3px solid "+
1623 + row.theme.accent,
1624 + "important"
1625 + );
1626 +
1627 + target.style.setProperty(
1628 + "box-sizing",
1629 + "border-box",
1630 + "important"
1631 + );
1632 + });
1633 + });
1634 +
1635 + return unique;
1636 + }
1637 +
1638 + /* =======================================================
1639 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1640 + ======================================================= */
1641 +
1642 + function alignOverviewCards(headers){
1643 + if(
1644 + PAGE_KIND!=="overview"||
1645 + window.innerWidth<=MOBILE_MAX
1646 + ){
1647 + return;
1648 + }
1649 +
1650 + var cards=[];
1651 + var seen=new Set();
1652 +
1653 + headers.forEach(function(row){
1654 + if(!seen.has(row.card)){
1655 + seen.add(row.card);
1656 + cards.push(row.card);
1657 + }
1658 + });
1659 +
1660 + if(cards.length<2){
1661 + return;
1662 + }
1663 +
1664 + // Group cards by actual top position.
1665 + var groups=[];
1666 +
1667 + cards.forEach(function(card){
1668 + var top=
1669 + card.getBoundingClientRect().top;
1670 +
1671 + var group=null;
1672 +
1673 + for(var i=0;i<groups.length;i++){
1674 + if(
1675 + Math.abs(
1676 + groups[i].top-top
1677 + )<=ROW_TOLERANCE
1678 + ){
1679 + group=groups[i];
1680 + break;
1681 + }
1682 + }
1683 +
1684 + if(!group){
1685 + group={
1686 + top:top,
1687 + cards:[]
1688 + };
1689 + groups.push(group);
1690 + }
1691 +
1692 + group.cards.push(card);
1693 + });
1694 +
1695 + groups.forEach(function(group){
1696 + if(group.cards.length<2){
1697 + return;
1698 + }
1699 +
1700 + var firstHeaders=
1701 + group.cards.map(function(card){
1702 + var candidates=
1703 + headers
1704 + .filter(function(row){
1705 + return row.card===card;
1706 + })
1707 + .sort(function(a,b){
1708 + return (
1709 + a.el
1710 + .getBoundingClientRect()
1711 + .top-
1712 + b.el
1713 + .getBoundingClientRect()
1714 + .top
1715 + );
1716 + });
1717 +
1718 + return candidates.length
1719 + ?candidates[0]
1720 + :null;
1721 + });
1722 +
1723 + if(
1724 + !firstHeaders.some(function(row){
1725 + return !row;
1726 + })
1727 + ){
1728 + var targetTop=
1729 + Math.max.apply(
1730 + Math,
1731 + firstHeaders.map(function(row){
1732 + return (
1733 + row.el
1734 + .getBoundingClientRect()
1735 + .top-
1736 + row.card
1737 + .getBoundingClientRect()
1738 + .top
1739 + );
1740 + })
1741 + );
1742 +
1743 + firstHeaders.forEach(function(row){
1744 + var relativeTop=
1745 + row.el
1746 + .getBoundingClientRect()
1747 + .top-
1748 + row.card
1749 + .getBoundingClientRect()
1750 + .top;
1751 +
1752 + var delta=
1753 + targetTop-relativeTop;
1754 +
1755 + if(delta>1){
1756 + saveStyle(
1757 + row.el,
1758 + originalMargin,
1759 + "margin-top"
1760 + );
1761 +
1762 + var current=
1763 + num(
1764 + getComputedStyle(
1765 + row.el
1766 + ).marginTop
1767 + );
1768 +
1769 + row.el.style.setProperty(
1770 + "margin-top",
1771 + (
1772 + current+delta
1773 + )+"px"
1774 + );
1775 +
1776 + row.el.setAttribute(
1777 + "data-sn-master-first-row",
1778 + "1"
1779 + );
1780 +
1781 + managedMargin.add(
1782 + row.el
1783 + );
1784 + }
1785 + });
1786 + }
1787 +
1788 + var maxHeight=0;
1789 +
1790 + group.cards.forEach(function(card){
1791 + maxHeight=
1792 + Math.max(
1793 + maxHeight,
1794 + card
1795 + .getBoundingClientRect()
1796 + .height
1797 + );
1798 + });
1799 +
1800 + maxHeight=
1801 + Math.ceil(maxHeight);
1802 +
1803 + group.cards.forEach(function(card){
1804 + saveStyle(
1805 + card,
1806 + originalHeight,
1807 + "min-height"
1808 + );
1809 +
1810 + card.style.setProperty(
1811 + "min-height",
1812 + maxHeight+"px"
1813 + );
1814 +
1815 + card.setAttribute(
1816 + "data-sn-master-equal-height",
1817 + "1"
1818 + );
1819 +
1820 + managedHeight.add(
1821 + card
1822 + );
1823 + });
1824 + });
1825 + }
1826 +
1827 + /* =======================================================
1828 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1829 + ======================================================= */
1830 +
1831 + function equaliseDetailGrids(){
1832 + if(
1833 + PAGE_KIND!=="detail"||
1834 + window.innerWidth<=MOBILE_MAX
1835 + ){
1836 + return;
1837 + }
1838 +
1839 + var selectors=[
1840 + ".arsn-grid",
1841 + ".arsn-grid-2",
1842 + ".arsn-grid-3",
1843 + ".dmp-grid",
1844 + ".ido-grid",
1845 + ".pp-grid"
1846 + ];
1847 +
1848 + selectors.forEach(function(selector){
1849 + Array.from(
1850 + root.querySelectorAll(selector)
1851 + ).forEach(function(grid){
1852 + var children=
1853 + Array.from(
1854 + grid.children||[]
1855 + ).filter(visible);
1856 +
1857 + if(children.length<2){
1858 + return;
1859 + }
1860 +
1861 + var groups=[];
1862 +
1863 + children.forEach(function(child){
1864 + var top=
1865 + child
1866 + .getBoundingClientRect()
1867 + .top;
1868 +
1869 + var group=null;
1870 +
1871 + for(var i=0;i<groups.length;i++){
1872 + if(
1873 + Math.abs(
1874 + groups[i].top-top
1875 + )<=ROW_TOLERANCE
1876 + ){
1877 + group=groups[i];
1878 + break;
1879 + }
1880 + }
1881 +
1882 + if(!group){
1883 + group={
1884 + top:top,
1885 + items:[]
1886 + };
1887 + groups.push(group);
1888 + }
1889 +
1890 + group.items.push(child);
1891 + });
1892 +
1893 + groups.forEach(function(group){
1894 + if(group.items.length<2){
1895 + return;
1896 + }
1897 +
1898 + var maxHeight=0;
1899 +
1900 + group.items.forEach(function(item){
1901 + maxHeight=
1902 + Math.max(
1903 + maxHeight,
1904 + item
1905 + .getBoundingClientRect()
1906 + .height
1907 + );
1908 + });
1909 +
1910 + maxHeight=
1911 + Math.ceil(maxHeight);
1912 +
1913 + group.items.forEach(function(item){
1914 + saveStyle(
1915 + item,
1916 + originalHeight,
1917 + "min-height"
1918 + );
1919 +
1920 + item.style.setProperty(
1921 + "min-height",
1922 + maxHeight+"px"
1923 + );
1924 +
1925 + item.setAttribute(
1926 + "data-sn-master-equal-height",
1927 + "1"
1928 + );
1929 +
1930 + managedHeight.add(item);
1931 + });
1932 + });
1933 + });
1934 + });
1935 + }
1936 +
1937 + /* =======================================================
1938 + RUN / RESPONSIVE SCHEDULING
1939 + ======================================================= */
1940 +
1941 + function run(){
1942 + if(running)return;
1943 +
1944 + running=true;
1945 +
1946 + try{
1947 + resetRuntime();
1948 + applyPlaceholderBadge();
1949 + propagateDetailAccents();
1950 +
1951 + var headers=
1952 + applyOverviewPalette();
1953 +
1954 + makeThreeLineAreaLabels();
1955 + makeFilledRedOrangeCTAsBorderless();
1956 +
1957 + if(
1958 + window.innerWidth>
1959 + MOBILE_MAX
1960 + ){
1961 + alignOverviewCards(
1962 + headers
1963 + );
1964 +
1965 + equaliseDetailGrids();
1966 + }
1967 + }finally{
1968 + running=false;
1969 + }
1970 + }
1971 +
1972 + function onResize(){
1973 + if(resizeTimer){
1974 + clearTimeout(
1975 + resizeTimer
1976 + );
1977 + }
1978 +
1979 + resizeTimer=
1980 + setTimeout(
1981 + function(){
1982 + resizeTimer=0;
1983 + run();
1984 + },
1985 + RESIZE_DEBOUNCE
1986 + );
1987 + }
1988 +
1989 + async function waitForReady(){
1990 + if(
1991 + document.readyState!=="complete"
1992 + ){
1993 + await new Promise(function(resolve){
1994 + window.addEventListener(
1995 + "load",
1996 + resolve,
1997 + {once:true}
1998 + );
1999 + });
2000 + }
2001 +
2002 + if(
2003 + document.fonts&&
2004 + document.fonts.ready
2005 + ){
2006 + try{
2007 + await document.fonts.ready;
2008 + }catch(error){}
2009 + }
2010 +
2011 + var images=
2012 + Array.from(
2013 + root.querySelectorAll("img")
2014 + );
2015 +
2016 + await Promise.all(
2017 + images.map(function(img){
2018 + if(img.complete){
2019 + return Promise.resolve();
2020 + }
2021 +
2022 + return new Promise(function(resolve){
2023 + var done=function(){
2024 + resolve();
2025 + };
2026 +
2027 + img.addEventListener(
2028 + "load",
2029 + done,
2030 + {once:true}
2031 + );
2032 +
2033 + img.addEventListener(
2034 + "error",
2035 + done,
2036 + {once:true}
2037 + );
2038 + });
2039 + })
2040 + );
2041 +
2042 + run();
2043 + }
2044 +
2045 + window.addEventListener(
2046 + "resize",
2047 + onResize,
2048 + {passive:true}
2049 + );
2050 +
2051 + waitForReady();
2052 +})();
2053 +</script>
2054 +
2055 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->{{/html}}{{html clean="false"}}<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_START -->
2056 +<style data-arsn-phase-cta-mobile-edge-fix="3">
2057 +@media (max-width:767px){
2058 +
2059 + /* Remove the white side gutters around the three phase CTAs. */
2060 + #xwikicontent .arsn-phase-cta-wrap{
2061 + box-sizing:border-box!important;
2062 + width:calc(100% + 2px)!important;
2063 + max-width:none!important;
2064 + margin:14px -1px -1px -1px!important;
2065 + padding:0!important;
2066 + border:0!important;
2067 + border-left:0!important;
2068 + box-shadow:none!important;
2069 + background:transparent!important;
2070 + }
2071 +
2072 + /* Full-width orange CTA; no extra border/shadow. */
2073 + #xwikicontent a.arsn-phase-cta{
2074 + display:flex!important;
2075 + align-items:center!important;
2076 + justify-content:center!important;
2077 + gap:8px!important;
2078 +
2079 + box-sizing:border-box!important;
2080 + width:100%!important;
2081 + max-width:none!important;
2082 + min-width:0!important;
2083 +
2084 + margin:0!important;
2085 + padding:12px 14px!important;
2086 +
2087 + border:0!important;
2088 + border-left:0!important;
2089 + border-right:0!important;
2090 + border-top:0!important;
2091 + border-bottom:0!important;
2092 + box-shadow:none!important;
2093 +
2094 + border-radius:8px!important;
2095 +
2096 + text-align:center!important;
2097 + text-align-last:center!important;
2098 + text-justify:auto!important;
2099 + word-spacing:normal!important;
2100 + white-space:normal!important;
2101 + }
2102 +
2103 + /* Keep an XWiki external-link icon on the same line/flex row. */
2104 + #xwikicontent a.arsn-phase-cta::after{
2105 + flex:0 0 auto!important;
2106 + margin-left:2px!important;
2107 + }
2108 +
2109 + #xwikicontent a.arsn-phase-cta > .fa,
2110 + #xwikicontent a.arsn-phase-cta > .icon,
2111 + #xwikicontent a.arsn-phase-cta > .external-link-icon,
2112 + #xwikicontent a.arsn-phase-cta > [class*="external"]{
2113 + position:static!important;
2114 + display:inline-block!important;
2115 + flex:0 0 auto!important;
2116 + margin:0!important;
2117 + }
2118 +}
2119 +</style>
2120 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_END -->{{/html}}