Skip to Content

Changes for page Get Started

Last modified by Veronika Kocher on Friday, 04 Sep 2026 15:32
From version 8.10
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:23
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,14 +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_INCLUDE_V1_START -->
436 -{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
437 -<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
438 -
439 -<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_START -->
440 -{{include reference="Service Navigator.Art & Research Services Navigator.Code.PracticalResourcesFallbackBlock" author="target" /}}
441 -<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_END -->
442 -
443 443  </div>
444 444  {{/html}}
445 445  
... ... @@ -525,38 +525,6 @@
525 525  [data-sn-master-first-row]{
526 526   box-sizing:border-box;
527 527  }
528 -
529 -/* =========================================================
530 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
531 - ========================================================= */
532 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
533 - display:grid!important;
534 - grid-template-columns:minmax(0,1fr)!important;
535 - grid-auto-rows:auto!important;
536 - width:100%!important;
537 - max-width:none!important;
538 - box-sizing:border-box!important;
539 - justify-items:start!important;
540 - align-items:start!important;
541 - gap:2px!important;
542 - text-align:left!important;
543 - text-align-last:left!important;
544 - text-justify:auto!important;
545 - word-spacing:normal!important;
546 - white-space:normal!important;
547 -}
548 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
549 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
550 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
551 - display:block!important;
552 - width:100%!important;
553 - margin:0!important;
554 - text-align:left!important;
555 - text-align-last:left!important;
556 - text-justify:auto!important;
557 - word-spacing:normal!important;
558 - white-space:normal!important;
559 -}
560 560  </style>
561 561  
562 562  <script data-sn-service-navigator-master="1">
... ... @@ -749,227 +749,6 @@
749 749   }
750 750  
751 751   /* =======================================================
752 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
753 - ======================================================= */
754 -
755 - function colourDistance(a,b){
756 - return Math.sqrt(
757 - Math.pow(a[0]-b[0],2)+
758 - Math.pow(a[1]-b[1],2)+
759 - Math.pow(a[2]-b[2],2)
760 - );
761 - }
762 -
763 - function makeFilledRedOrangeCTAsBorderless(){
764 - var RED_ORANGE=[233,75,19];
765 -
766 - Array.from(
767 - root.querySelectorAll(
768 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
769 - )
770 - ).forEach(function(el){
771 - if(!visible(el))return;
772 -
773 - var style=getComputedStyle(el);
774 - var rgb=parseRGB(style.backgroundColor);
775 -
776 - if(!rgb)return;
777 -
778 - if(
779 - colourDistance(
780 - rgb,
781 - RED_ORANGE
782 - )>55
783 - ){
784 - return;
785 - }
786 -
787 - var rect=el.getBoundingClientRect();
788 -
789 - if(
790 - rect.width<80||
791 - rect.height<24
792 - ){
793 - return;
794 - }
795 -
796 - el.style.setProperty(
797 - "border",
798 - "none",
799 - "important"
800 - );
801 -
802 - el.style.setProperty(
803 - "border-left",
804 - "none",
805 - "important"
806 - );
807 -
808 - el.style.setProperty(
809 - "border-top",
810 - "none",
811 - "important"
812 - );
813 -
814 - el.style.setProperty(
815 - "border-right",
816 - "none",
817 - "important"
818 - );
819 -
820 - el.style.setProperty(
821 - "border-bottom",
822 - "none",
823 - "important"
824 - );
825 -
826 - el.style.setProperty(
827 - "box-shadow",
828 - "none",
829 - "important"
830 - );
831 - });
832 - }
833 -
834 - /* =======================================================
835 - FULL-WIDTH THREE-LINE AREA LABELS
836 - ======================================================= */
837 -
838 - function compactText(value){
839 - return String(value||"")
840 - .replace(/\s+/g," ")
841 - .trim();
842 - }
843 -
844 - function makeThreeLineAreaLabels(){
845 - Array.from(
846 - root.querySelectorAll(
847 - ".arsn-area-label"
848 - )
849 - ).forEach(function(label){
850 - if(
851 - label.getAttribute(
852 - "data-sn-three-line"
853 - )==="1"
854 - ){
855 - return;
856 - }
857 -
858 - var number=
859 - label.querySelector(
860 - ":scope > .arsn-area-number"
861 - );
862 -
863 - var action=
864 - label.querySelector(
865 - ":scope > .arsn-area-action"
866 - );
867 -
868 - if(
869 - !number||
870 - !action
871 - ){
872 - return;
873 - }
874 -
875 - var clone=
876 - label.cloneNode(true);
877 -
878 - var cloneNumber=
879 - clone.querySelector(
880 - ":scope > .arsn-area-number"
881 - );
882 -
883 - var cloneAction=
884 - clone.querySelector(
885 - ":scope > .arsn-area-action"
886 - );
887 -
888 - if(cloneNumber){
889 - cloneNumber.remove();
890 - }
891 -
892 - if(cloneAction){
893 - cloneAction.remove();
894 - }
895 -
896 - var titleText=
897 - compactText(
898 - clone.textContent
899 - );
900 -
901 - if(!titleText){
902 - return;
903 - }
904 -
905 - var numberNode=
906 - number.cloneNode(true);
907 -
908 - var actionNode=
909 - action.cloneNode(true);
910 -
911 - var titleNode=
912 - document.createElement(
913 - "span"
914 - );
915 -
916 - titleNode.className=
917 - "sn-area-label-title";
918 -
919 - titleNode.textContent=
920 - titleText;
921 -
922 - while(label.firstChild){
923 - label.removeChild(
924 - label.firstChild
925 - );
926 - }
927 -
928 - label.appendChild(
929 - numberNode
930 - );
931 -
932 - label.appendChild(
933 - titleNode
934 - );
935 -
936 - label.appendChild(
937 - actionNode
938 - );
939 -
940 - label.setAttribute(
941 - "data-sn-three-line",
942 - "1"
943 - );
944 -
945 - var head=
946 - label.closest(
947 - ".arsn-area-head"
948 - );
949 -
950 - if(head){
951 - head.style.setProperty(
952 - "width",
953 - "100%",
954 - "important"
955 - );
956 -
957 - head.style.setProperty(
958 - "max-width",
959 - "100%",
960 - "important"
961 - );
962 -
963 - head.style.setProperty(
964 - "box-sizing",
965 - "border-box",
966 - "important"
967 - );
968 - }
969 - });
970 - }
971 -
972 - /* =======================================================
973 973   PLACEHOLDER BADGE
974 974   ======================================================= */
975 975  
... ... @@ -1740,9 +1740,6 @@
1740 1740   var headers=
1741 1741   applyOverviewPalette();
1742 1742  
1743 - makeThreeLineAreaLabels();
1744 - makeFilledRedOrangeCTAsBorderless();
1745 -
1746 1746   if(
1747 1747   window.innerWidth>
1748 1748   MOBILE_MAX