Skip to Content
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 9.6
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version
To version 9.8
edited by Veronika Kocher
on Thursday, 03 Sep 2026 15:54
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -58,7 +58,7 @@
58 58  <section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
59 59  <div class="hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planning and organising an artistic or research project"></div>
60 60  <div style="padding:18px 21px 20px">
61 -<div class="eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · PROJECT PLANNING &amp; ORGANISATION</div>
61 +<div class="eye" style="color:#8a4d36;margin-bottom:5px">PREPARE · PROJECT PLANNING &amp; ORGANISATION</div>
62 62  <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Build a project that can actually be hosted, funded, staffed and delivered</h2>
63 63  <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1120px">Project planning at the Angewandte is not only a timeline and a budget. A workable project needs an artistic or research home, clear responsibilities, an appropriate funding and administrative route, and early coordination with the university structures triggered by your project.</p>
64 64  </div></section>
... ... @@ -507,6 +507,38 @@
507 507  [data-sn-master-first-row]{
508 508   box-sizing:border-box;
509 509  }
510 +
511 +/* =========================================================
512 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
513 + ========================================================= */
514 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
515 + display:grid!important;
516 + grid-template-columns:minmax(0,1fr)!important;
517 + grid-auto-rows:auto!important;
518 + width:100%!important;
519 + max-width:none!important;
520 + box-sizing:border-box!important;
521 + justify-items:start!important;
522 + align-items:start!important;
523 + gap:2px!important;
524 + text-align:left!important;
525 + text-align-last:left!important;
526 + text-justify:auto!important;
527 + word-spacing:normal!important;
528 + white-space:normal!important;
529 +}
530 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
531 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
532 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
533 + display:block!important;
534 + width:100%!important;
535 + margin:0!important;
536 + text-align:left!important;
537 + text-align-last:left!important;
538 + text-justify:auto!important;
539 + word-spacing:normal!important;
540 + white-space:normal!important;
541 +}
510 510  </style>
511 511  
512 512  <script data-sn-service-navigator-master="1">
... ... @@ -699,6 +699,227 @@
699 699   }
700 700  
701 701   /* =======================================================
734 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
735 + ======================================================= */
736 +
737 + function colourDistance(a,b){
738 + return Math.sqrt(
739 + Math.pow(a[0]-b[0],2)+
740 + Math.pow(a[1]-b[1],2)+
741 + Math.pow(a[2]-b[2],2)
742 + );
743 + }
744 +
745 + function makeFilledRedOrangeCTAsBorderless(){
746 + var RED_ORANGE=[233,75,19];
747 +
748 + Array.from(
749 + root.querySelectorAll(
750 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
751 + )
752 + ).forEach(function(el){
753 + if(!visible(el))return;
754 +
755 + var style=getComputedStyle(el);
756 + var rgb=parseRGB(style.backgroundColor);
757 +
758 + if(!rgb)return;
759 +
760 + if(
761 + colourDistance(
762 + rgb,
763 + RED_ORANGE
764 + )>55
765 + ){
766 + return;
767 + }
768 +
769 + var rect=el.getBoundingClientRect();
770 +
771 + if(
772 + rect.width<80||
773 + rect.height<24
774 + ){
775 + return;
776 + }
777 +
778 + el.style.setProperty(
779 + "border",
780 + "none",
781 + "important"
782 + );
783 +
784 + el.style.setProperty(
785 + "border-left",
786 + "none",
787 + "important"
788 + );
789 +
790 + el.style.setProperty(
791 + "border-top",
792 + "none",
793 + "important"
794 + );
795 +
796 + el.style.setProperty(
797 + "border-right",
798 + "none",
799 + "important"
800 + );
801 +
802 + el.style.setProperty(
803 + "border-bottom",
804 + "none",
805 + "important"
806 + );
807 +
808 + el.style.setProperty(
809 + "box-shadow",
810 + "none",
811 + "important"
812 + );
813 + });
814 + }
815 +
816 + /* =======================================================
817 + FULL-WIDTH THREE-LINE AREA LABELS
818 + ======================================================= */
819 +
820 + function compactText(value){
821 + return String(value||"")
822 + .replace(/\s+/g," ")
823 + .trim();
824 + }
825 +
826 + function makeThreeLineAreaLabels(){
827 + Array.from(
828 + root.querySelectorAll(
829 + ".arsn-area-label"
830 + )
831 + ).forEach(function(label){
832 + if(
833 + label.getAttribute(
834 + "data-sn-three-line"
835 + )==="1"
836 + ){
837 + return;
838 + }
839 +
840 + var number=
841 + label.querySelector(
842 + ":scope > .arsn-area-number"
843 + );
844 +
845 + var action=
846 + label.querySelector(
847 + ":scope > .arsn-area-action"
848 + );
849 +
850 + if(
851 + !number||
852 + !action
853 + ){
854 + return;
855 + }
856 +
857 + var clone=
858 + label.cloneNode(true);
859 +
860 + var cloneNumber=
861 + clone.querySelector(
862 + ":scope > .arsn-area-number"
863 + );
864 +
865 + var cloneAction=
866 + clone.querySelector(
867 + ":scope > .arsn-area-action"
868 + );
869 +
870 + if(cloneNumber){
871 + cloneNumber.remove();
872 + }
873 +
874 + if(cloneAction){
875 + cloneAction.remove();
876 + }
877 +
878 + var titleText=
879 + compactText(
880 + clone.textContent
881 + );
882 +
883 + if(!titleText){
884 + return;
885 + }
886 +
887 + var numberNode=
888 + number.cloneNode(true);
889 +
890 + var actionNode=
891 + action.cloneNode(true);
892 +
893 + var titleNode=
894 + document.createElement(
895 + "span"
896 + );
897 +
898 + titleNode.className=
899 + "sn-area-label-title";
900 +
901 + titleNode.textContent=
902 + titleText;
903 +
904 + while(label.firstChild){
905 + label.removeChild(
906 + label.firstChild
907 + );
908 + }
909 +
910 + label.appendChild(
911 + numberNode
912 + );
913 +
914 + label.appendChild(
915 + titleNode
916 + );
917 +
918 + label.appendChild(
919 + actionNode
920 + );
921 +
922 + label.setAttribute(
923 + "data-sn-three-line",
924 + "1"
925 + );
926 +
927 + var head=
928 + label.closest(
929 + ".arsn-area-head"
930 + );
931 +
932 + if(head){
933 + head.style.setProperty(
934 + "width",
935 + "100%",
936 + "important"
937 + );
938 +
939 + head.style.setProperty(
940 + "max-width",
941 + "100%",
942 + "important"
943 + );
944 +
945 + head.style.setProperty(
946 + "box-sizing",
947 + "border-box",
948 + "important"
949 + );
950 + }
951 + });
952 + }
953 +
954 + /* =======================================================
702 702   PLACEHOLDER BADGE
703 703   ======================================================= */
704 704  
... ... @@ -1469,6 +1469,9 @@
1469 1469   var headers=
1470 1470   applyOverviewPalette();
1471 1471  
1725 + makeThreeLineAreaLabels();
1726 + makeFilledRedOrangeCTAsBorderless();
1727 +
1472 1472   if(
1473 1473   window.innerWidth>
1474 1474   MOBILE_MAX