Skip to Content

Changes for page Get Started

Last modified by Veronika Kocher on Friday, 04 Sep 2026 15:32
From version 8.11
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:45
Change comment: There is no comment for this version
To version 8.7
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -42,7 +42,7 @@
42 42   <section class="arsn-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
43 43   <div class="arsn-hero-image"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planning an artistic or research project" /></div>
44 44   <div style="padding:18px 21px 20px 21px;">
45 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">PREPARE · GET STARTED · AUSTRIA</div>
45 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">ENABLE · GET STARTED · AUSTRIA</div>
46 46   <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px 0;color:#2c2926;">From project idea to a fundable, workable project</h2>
47 47   <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1100px;">
48 48   Use this page to clarify your project before you search for funding or start spending money.
... ... @@ -432,31 +432,6 @@
432 432   and <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">Plan Your Data Management</a>.
433 433   </div>
434 434  
435 -<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
436 -<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
437 - <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
438 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING &amp; WORKSHOPS</div>
439 - <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops &amp; consultation sessions</h3>
440 - <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>
441 - <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>
442 - </div>
443 -</section>
444 -<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
445 -
446 -<!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
447 -<section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
448 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
449 - <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Practical Resources</h3>
450 - <p style="margin:0 0 12px;color:#5e5953;line-height:1.55;">Use practical resources when you need a concise overview, a step-by-step procedure or a ready-to-use project aid.</p>
451 - <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
452 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #21b6d7;border-radius:9px;"><strong>Info Sheets</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Short reference guides for common questions and decisions.</div></div>
453 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;"><strong>Tutorials</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Step-by-step guidance for specific tasks and workflows.</div></div>
454 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #38b76a;border-radius:9px;"><strong>Checklists &amp; Templates</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Ready-to-use checklists and templates for planning, managing and closing projects.</div></div>
455 - </div>
456 - <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
457 -</section>
458 -<!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
459 -
460 460  </div>
461 461  {{/html}}
462 462  
... ... @@ -542,38 +542,6 @@
542 542  [data-sn-master-first-row]{
543 543   box-sizing:border-box;
544 544  }
545 -
546 -/* =========================================================
547 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
548 - ========================================================= */
549 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
550 - display:grid!important;
551 - grid-template-columns:minmax(0,1fr)!important;
552 - grid-auto-rows:auto!important;
553 - width:100%!important;
554 - max-width:none!important;
555 - box-sizing:border-box!important;
556 - justify-items:start!important;
557 - align-items:start!important;
558 - gap:2px!important;
559 - text-align:left!important;
560 - text-align-last:left!important;
561 - text-justify:auto!important;
562 - word-spacing:normal!important;
563 - white-space:normal!important;
564 -}
565 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
566 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
567 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
568 - display:block!important;
569 - width:100%!important;
570 - margin:0!important;
571 - text-align:left!important;
572 - text-align-last:left!important;
573 - text-justify:auto!important;
574 - word-spacing:normal!important;
575 - white-space:normal!important;
576 -}
577 577  </style>
578 578  
579 579  <script data-sn-service-navigator-master="1">
... ... @@ -766,227 +766,6 @@
766 766   }
767 767  
768 768   /* =======================================================
769 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
770 - ======================================================= */
771 -
772 - function colourDistance(a,b){
773 - return Math.sqrt(
774 - Math.pow(a[0]-b[0],2)+
775 - Math.pow(a[1]-b[1],2)+
776 - Math.pow(a[2]-b[2],2)
777 - );
778 - }
779 -
780 - function makeFilledRedOrangeCTAsBorderless(){
781 - var RED_ORANGE=[233,75,19];
782 -
783 - Array.from(
784 - root.querySelectorAll(
785 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
786 - )
787 - ).forEach(function(el){
788 - if(!visible(el))return;
789 -
790 - var style=getComputedStyle(el);
791 - var rgb=parseRGB(style.backgroundColor);
792 -
793 - if(!rgb)return;
794 -
795 - if(
796 - colourDistance(
797 - rgb,
798 - RED_ORANGE
799 - )>55
800 - ){
801 - return;
802 - }
803 -
804 - var rect=el.getBoundingClientRect();
805 -
806 - if(
807 - rect.width<80||
808 - rect.height<24
809 - ){
810 - return;
811 - }
812 -
813 - el.style.setProperty(
814 - "border",
815 - "none",
816 - "important"
817 - );
818 -
819 - el.style.setProperty(
820 - "border-left",
821 - "none",
822 - "important"
823 - );
824 -
825 - el.style.setProperty(
826 - "border-top",
827 - "none",
828 - "important"
829 - );
830 -
831 - el.style.setProperty(
832 - "border-right",
833 - "none",
834 - "important"
835 - );
836 -
837 - el.style.setProperty(
838 - "border-bottom",
839 - "none",
840 - "important"
841 - );
842 -
843 - el.style.setProperty(
844 - "box-shadow",
845 - "none",
846 - "important"
847 - );
848 - });
849 - }
850 -
851 - /* =======================================================
852 - FULL-WIDTH THREE-LINE AREA LABELS
853 - ======================================================= */
854 -
855 - function compactText(value){
856 - return String(value||"")
857 - .replace(/\s+/g," ")
858 - .trim();
859 - }
860 -
861 - function makeThreeLineAreaLabels(){
862 - Array.from(
863 - root.querySelectorAll(
864 - ".arsn-area-label"
865 - )
866 - ).forEach(function(label){
867 - if(
868 - label.getAttribute(
869 - "data-sn-three-line"
870 - )==="1"
871 - ){
872 - return;
873 - }
874 -
875 - var number=
876 - label.querySelector(
877 - ":scope > .arsn-area-number"
878 - );
879 -
880 - var action=
881 - label.querySelector(
882 - ":scope > .arsn-area-action"
883 - );
884 -
885 - if(
886 - !number||
887 - !action
888 - ){
889 - return;
890 - }
891 -
892 - var clone=
893 - label.cloneNode(true);
894 -
895 - var cloneNumber=
896 - clone.querySelector(
897 - ":scope > .arsn-area-number"
898 - );
899 -
900 - var cloneAction=
901 - clone.querySelector(
902 - ":scope > .arsn-area-action"
903 - );
904 -
905 - if(cloneNumber){
906 - cloneNumber.remove();
907 - }
908 -
909 - if(cloneAction){
910 - cloneAction.remove();
911 - }
912 -
913 - var titleText=
914 - compactText(
915 - clone.textContent
916 - );
917 -
918 - if(!titleText){
919 - return;
920 - }
921 -
922 - var numberNode=
923 - number.cloneNode(true);
924 -
925 - var actionNode=
926 - action.cloneNode(true);
927 -
928 - var titleNode=
929 - document.createElement(
930 - "span"
931 - );
932 -
933 - titleNode.className=
934 - "sn-area-label-title";
935 -
936 - titleNode.textContent=
937 - titleText;
938 -
939 - while(label.firstChild){
940 - label.removeChild(
941 - label.firstChild
942 - );
943 - }
944 -
945 - label.appendChild(
946 - numberNode
947 - );
948 -
949 - label.appendChild(
950 - titleNode
951 - );
952 -
953 - label.appendChild(
954 - actionNode
955 - );
956 -
957 - label.setAttribute(
958 - "data-sn-three-line",
959 - "1"
960 - );
961 -
962 - var head=
963 - label.closest(
964 - ".arsn-area-head"
965 - );
966 -
967 - if(head){
968 - head.style.setProperty(
969 - "width",
970 - "100%",
971 - "important"
972 - );
973 -
974 - head.style.setProperty(
975 - "max-width",
976 - "100%",
977 - "important"
978 - );
979 -
980 - head.style.setProperty(
981 - "box-sizing",
982 - "border-box",
983 - "important"
984 - );
985 - }
986 - });
987 - }
988 -
989 - /* =======================================================
990 990   PLACEHOLDER BADGE
991 991   ======================================================= */
992 992  
... ... @@ -1757,9 +1757,6 @@
1757 1757   var headers=
1758 1758   applyOverviewPalette();
1759 1759  
1760 - makeThreeLineAreaLabels();
1761 - makeFilledRedOrangeCTAsBorderless();
1762 -
1763 1763   if(
1764 1764   window.innerWidth>
1765 1765   MOBILE_MAX