Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 30.3
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:23
Change comment: There is no comment for this version
To version 29.10
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Prepare
1 +Enable
Content
... ... @@ -317,7 +317,7 @@
317 317   <img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Enable — planning and setting up an artistic or research project" />
318 318   </div>
319 319   <div style="padding:18px 22px 21px 22px;">
320 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">PROJECT PHASE 1 · PREPARE</div>
320 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">PROJECT PHASE 1 · ENABLE</div>
321 321   <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">I develop my project idea — I plan, fund &amp; set up my project</h2>
322 322   <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
323 323   Before active project work begins, clarify how the project will be organised, funded and supported,
... ... @@ -331,7 +331,7 @@
331 331  
332 332   <div class="arsn-step active">
333 333   <div class="arsn-step-dot"></div>
334 - <div class="arsn-step-label">1 · PREPARE</div>
334 + <div class="arsn-step-label">1 · ENABLE</div>
335 335   <div class="arsn-step-desc">Plan & set up</div>
336 336   </div>
337 337  
... ... @@ -464,11 +464,7 @@
464 464   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/" class="btn btn-default" style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">Continue to Work &amp; Manage</a>
465 465   </section>
466 466  
467 -<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_START -->
468 -{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
469 -<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
470 -
471 -<div style="margin:0 0 13px 0;">
467 + <div style="margin:0 0 13px 0;">
472 472   <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
473 473   <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
474 474   </div>
... ... @@ -571,38 +571,6 @@
571 571  [data-sn-master-first-row]{
572 572   box-sizing:border-box;
573 573  }
574 -
575 -/* =========================================================
576 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
577 - ========================================================= */
578 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
579 - display:grid!important;
580 - grid-template-columns:minmax(0,1fr)!important;
581 - grid-auto-rows:auto!important;
582 - width:100%!important;
583 - max-width:none!important;
584 - box-sizing:border-box!important;
585 - justify-items:start!important;
586 - align-items:start!important;
587 - gap:2px!important;
588 - text-align:left!important;
589 - text-align-last:left!important;
590 - text-justify:auto!important;
591 - word-spacing:normal!important;
592 - white-space:normal!important;
593 -}
594 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
595 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
596 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
597 - display:block!important;
598 - width:100%!important;
599 - margin:0!important;
600 - text-align:left!important;
601 - text-align-last:left!important;
602 - text-justify:auto!important;
603 - word-spacing:normal!important;
604 - white-space:normal!important;
605 -}
606 606  </style>
607 607  
608 608  <script data-sn-service-navigator-master="1">
... ... @@ -795,227 +795,6 @@
795 795   }
796 796  
797 797   /* =======================================================
798 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
799 - ======================================================= */
800 -
801 - function colourDistance(a,b){
802 - return Math.sqrt(
803 - Math.pow(a[0]-b[0],2)+
804 - Math.pow(a[1]-b[1],2)+
805 - Math.pow(a[2]-b[2],2)
806 - );
807 - }
808 -
809 - function makeFilledRedOrangeCTAsBorderless(){
810 - var RED_ORANGE=[233,75,19];
811 -
812 - Array.from(
813 - root.querySelectorAll(
814 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
815 - )
816 - ).forEach(function(el){
817 - if(!visible(el))return;
818 -
819 - var style=getComputedStyle(el);
820 - var rgb=parseRGB(style.backgroundColor);
821 -
822 - if(!rgb)return;
823 -
824 - if(
825 - colourDistance(
826 - rgb,
827 - RED_ORANGE
828 - )>55
829 - ){
830 - return;
831 - }
832 -
833 - var rect=el.getBoundingClientRect();
834 -
835 - if(
836 - rect.width<80||
837 - rect.height<24
838 - ){
839 - return;
840 - }
841 -
842 - el.style.setProperty(
843 - "border",
844 - "none",
845 - "important"
846 - );
847 -
848 - el.style.setProperty(
849 - "border-left",
850 - "none",
851 - "important"
852 - );
853 -
854 - el.style.setProperty(
855 - "border-top",
856 - "none",
857 - "important"
858 - );
859 -
860 - el.style.setProperty(
861 - "border-right",
862 - "none",
863 - "important"
864 - );
865 -
866 - el.style.setProperty(
867 - "border-bottom",
868 - "none",
869 - "important"
870 - );
871 -
872 - el.style.setProperty(
873 - "box-shadow",
874 - "none",
875 - "important"
876 - );
877 - });
878 - }
879 -
880 - /* =======================================================
881 - FULL-WIDTH THREE-LINE AREA LABELS
882 - ======================================================= */
883 -
884 - function compactText(value){
885 - return String(value||"")
886 - .replace(/\s+/g," ")
887 - .trim();
888 - }
889 -
890 - function makeThreeLineAreaLabels(){
891 - Array.from(
892 - root.querySelectorAll(
893 - ".arsn-area-label"
894 - )
895 - ).forEach(function(label){
896 - if(
897 - label.getAttribute(
898 - "data-sn-three-line"
899 - )==="1"
900 - ){
901 - return;
902 - }
903 -
904 - var number=
905 - label.querySelector(
906 - ":scope > .arsn-area-number"
907 - );
908 -
909 - var action=
910 - label.querySelector(
911 - ":scope > .arsn-area-action"
912 - );
913 -
914 - if(
915 - !number||
916 - !action
917 - ){
918 - return;
919 - }
920 -
921 - var clone=
922 - label.cloneNode(true);
923 -
924 - var cloneNumber=
925 - clone.querySelector(
926 - ":scope > .arsn-area-number"
927 - );
928 -
929 - var cloneAction=
930 - clone.querySelector(
931 - ":scope > .arsn-area-action"
932 - );
933 -
934 - if(cloneNumber){
935 - cloneNumber.remove();
936 - }
937 -
938 - if(cloneAction){
939 - cloneAction.remove();
940 - }
941 -
942 - var titleText=
943 - compactText(
944 - clone.textContent
945 - );
946 -
947 - if(!titleText){
948 - return;
949 - }
950 -
951 - var numberNode=
952 - number.cloneNode(true);
953 -
954 - var actionNode=
955 - action.cloneNode(true);
956 -
957 - var titleNode=
958 - document.createElement(
959 - "span"
960 - );
961 -
962 - titleNode.className=
963 - "sn-area-label-title";
964 -
965 - titleNode.textContent=
966 - titleText;
967 -
968 - while(label.firstChild){
969 - label.removeChild(
970 - label.firstChild
971 - );
972 - }
973 -
974 - label.appendChild(
975 - numberNode
976 - );
977 -
978 - label.appendChild(
979 - titleNode
980 - );
981 -
982 - label.appendChild(
983 - actionNode
984 - );
985 -
986 - label.setAttribute(
987 - "data-sn-three-line",
988 - "1"
989 - );
990 -
991 - var head=
992 - label.closest(
993 - ".arsn-area-head"
994 - );
995 -
996 - if(head){
997 - head.style.setProperty(
998 - "width",
999 - "100%",
1000 - "important"
1001 - );
1002 -
1003 - head.style.setProperty(
1004 - "max-width",
1005 - "100%",
1006 - "important"
1007 - );
1008 -
1009 - head.style.setProperty(
1010 - "box-sizing",
1011 - "border-box",
1012 - "important"
1013 - );
1014 - }
1015 - });
1016 - }
1017 -
1018 - /* =======================================================
1019 1019   PLACEHOLDER BADGE
1020 1020   ======================================================= */
1021 1021  
... ... @@ -1184,20 +1184,21 @@
1184 1184   ======================================================= */
1185 1185  
1186 1186   function smallestThemeHeaders(){
1187 - // Phase overview rule:
1188 - // only explicit three-line area-label blocks carry semantic colour.
1189 - // Ordinary h4 and focus-card headings stay neutral.
1190 1190   return Array.from(
1191 1191   root.querySelectorAll(
1192 - ".arsn-area-label"
932 + "div,span,p,strong,h3,h4,h5,h6"
1193 1193   )
1194 1194   ).filter(function(el){
1195 - return (
1196 - visible(el)&&
1197 - !!themeFor(
1198 - el.textContent
1199 - )
1200 - );
935 + if(!visible(el))return false;
936 + if(!themeFor(el.textContent))return false;
937 +
938 + return !Array.from(
939 + el.children||[]
940 + ).some(function(child){
941 + return !!themeFor(
942 + child.textContent
943 + );
944 + });
1201 1201   });
1202 1202   }
1203 1203  
... ... @@ -1785,9 +1785,6 @@
1785 1785   var headers=
1786 1786   applyOverviewPalette();
1787 1787  
1788 - makeThreeLineAreaLabels();
1789 - makeFilledRedOrangeCTAsBorderless();
1790 -
1791 1791   if(
1792 1792   window.innerWidth>
1793 1793   MOBILE_MAX