Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 31.1
edited by Veronika Kocher
on Friday, 04 Sep 2026 15:32
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,18 +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_V2_START -->
468 -<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
469 - <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
470 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING &amp; WORKSHOPS</div>
471 - <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops &amp; consultation sessions</h3>
472 - <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>
473 - <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>
474 - </div>
475 -</section>
476 -<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
477 -
478 -<div style="margin:0 0 13px 0;">
467 + <div style="margin:0 0 13px 0;">
479 479   <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
480 480   <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
481 481   </div>
... ... @@ -578,38 +578,6 @@
578 578  [data-sn-master-first-row]{
579 579   box-sizing:border-box;
580 580  }
581 -
582 -/* =========================================================
583 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
584 - ========================================================= */
585 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
586 - display:grid!important;
587 - grid-template-columns:minmax(0,1fr)!important;
588 - grid-auto-rows:auto!important;
589 - width:100%!important;
590 - max-width:none!important;
591 - box-sizing:border-box!important;
592 - justify-items:start!important;
593 - align-items:start!important;
594 - gap:2px!important;
595 - text-align:left!important;
596 - text-align-last:left!important;
597 - text-justify:auto!important;
598 - word-spacing:normal!important;
599 - white-space:normal!important;
600 -}
601 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
602 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
603 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
604 - display:block!important;
605 - width:100%!important;
606 - margin:0!important;
607 - text-align:left!important;
608 - text-align-last:left!important;
609 - text-justify:auto!important;
610 - word-spacing:normal!important;
611 - white-space:normal!important;
612 -}
613 613  </style>
614 614  
615 615  <script data-sn-service-navigator-master="1">
... ... @@ -802,227 +802,6 @@
802 802   }
803 803  
804 804   /* =======================================================
805 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
806 - ======================================================= */
807 -
808 - function colourDistance(a,b){
809 - return Math.sqrt(
810 - Math.pow(a[0]-b[0],2)+
811 - Math.pow(a[1]-b[1],2)+
812 - Math.pow(a[2]-b[2],2)
813 - );
814 - }
815 -
816 - function makeFilledRedOrangeCTAsBorderless(){
817 - var RED_ORANGE=[233,75,19];
818 -
819 - Array.from(
820 - root.querySelectorAll(
821 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
822 - )
823 - ).forEach(function(el){
824 - if(!visible(el))return;
825 -
826 - var style=getComputedStyle(el);
827 - var rgb=parseRGB(style.backgroundColor);
828 -
829 - if(!rgb)return;
830 -
831 - if(
832 - colourDistance(
833 - rgb,
834 - RED_ORANGE
835 - )>55
836 - ){
837 - return;
838 - }
839 -
840 - var rect=el.getBoundingClientRect();
841 -
842 - if(
843 - rect.width<80||
844 - rect.height<24
845 - ){
846 - return;
847 - }
848 -
849 - el.style.setProperty(
850 - "border",
851 - "none",
852 - "important"
853 - );
854 -
855 - el.style.setProperty(
856 - "border-left",
857 - "none",
858 - "important"
859 - );
860 -
861 - el.style.setProperty(
862 - "border-top",
863 - "none",
864 - "important"
865 - );
866 -
867 - el.style.setProperty(
868 - "border-right",
869 - "none",
870 - "important"
871 - );
872 -
873 - el.style.setProperty(
874 - "border-bottom",
875 - "none",
876 - "important"
877 - );
878 -
879 - el.style.setProperty(
880 - "box-shadow",
881 - "none",
882 - "important"
883 - );
884 - });
885 - }
886 -
887 - /* =======================================================
888 - FULL-WIDTH THREE-LINE AREA LABELS
889 - ======================================================= */
890 -
891 - function compactText(value){
892 - return String(value||"")
893 - .replace(/\s+/g," ")
894 - .trim();
895 - }
896 -
897 - function makeThreeLineAreaLabels(){
898 - Array.from(
899 - root.querySelectorAll(
900 - ".arsn-area-label"
901 - )
902 - ).forEach(function(label){
903 - if(
904 - label.getAttribute(
905 - "data-sn-three-line"
906 - )==="1"
907 - ){
908 - return;
909 - }
910 -
911 - var number=
912 - label.querySelector(
913 - ":scope > .arsn-area-number"
914 - );
915 -
916 - var action=
917 - label.querySelector(
918 - ":scope > .arsn-area-action"
919 - );
920 -
921 - if(
922 - !number||
923 - !action
924 - ){
925 - return;
926 - }
927 -
928 - var clone=
929 - label.cloneNode(true);
930 -
931 - var cloneNumber=
932 - clone.querySelector(
933 - ":scope > .arsn-area-number"
934 - );
935 -
936 - var cloneAction=
937 - clone.querySelector(
938 - ":scope > .arsn-area-action"
939 - );
940 -
941 - if(cloneNumber){
942 - cloneNumber.remove();
943 - }
944 -
945 - if(cloneAction){
946 - cloneAction.remove();
947 - }
948 -
949 - var titleText=
950 - compactText(
951 - clone.textContent
952 - );
953 -
954 - if(!titleText){
955 - return;
956 - }
957 -
958 - var numberNode=
959 - number.cloneNode(true);
960 -
961 - var actionNode=
962 - action.cloneNode(true);
963 -
964 - var titleNode=
965 - document.createElement(
966 - "span"
967 - );
968 -
969 - titleNode.className=
970 - "sn-area-label-title";
971 -
972 - titleNode.textContent=
973 - titleText;
974 -
975 - while(label.firstChild){
976 - label.removeChild(
977 - label.firstChild
978 - );
979 - }
980 -
981 - label.appendChild(
982 - numberNode
983 - );
984 -
985 - label.appendChild(
986 - titleNode
987 - );
988 -
989 - label.appendChild(
990 - actionNode
991 - );
992 -
993 - label.setAttribute(
994 - "data-sn-three-line",
995 - "1"
996 - );
997 -
998 - var head=
999 - label.closest(
1000 - ".arsn-area-head"
1001 - );
1002 -
1003 - if(head){
1004 - head.style.setProperty(
1005 - "width",
1006 - "100%",
1007 - "important"
1008 - );
1009 -
1010 - head.style.setProperty(
1011 - "max-width",
1012 - "100%",
1013 - "important"
1014 - );
1015 -
1016 - head.style.setProperty(
1017 - "box-sizing",
1018 - "border-box",
1019 - "important"
1020 - );
1021 - }
1022 - });
1023 - }
1024 -
1025 - /* =======================================================
1026 1026   PLACEHOLDER BADGE
1027 1027   ======================================================= */
1028 1028  
... ... @@ -1191,20 +1191,21 @@
1191 1191   ======================================================= */
1192 1192  
1193 1193   function smallestThemeHeaders(){
1194 - // Phase overview rule:
1195 - // only explicit three-line area-label blocks carry semantic colour.
1196 - // Ordinary h4 and focus-card headings stay neutral.
1197 1197   return Array.from(
1198 1198   root.querySelectorAll(
1199 - ".arsn-area-label"
932 + "div,span,p,strong,h3,h4,h5,h6"
1200 1200   )
1201 1201   ).filter(function(el){
1202 - return (
1203 - visible(el)&&
1204 - !!themeFor(
1205 - el.textContent
1206 - )
1207 - );
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 + });
1208 1208   });
1209 1209   }
1210 1210  
... ... @@ -1792,9 +1792,6 @@
1792 1792   var headers=
1793 1793   applyOverviewPalette();
1794 1794  
1795 - makeThreeLineAreaLabels();
1796 - makeFilledRedOrangeCTAsBorderless();
1797 -
1798 1798   if(
1799 1799   window.innerWidth>
1800 1800   MOBILE_MAX