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.9
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:23
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>
... ... @@ -415,6 +415,14 @@
415 415  
416 416  <div class="info" style="margin-bottom:14px"><strong>Need help structuring the project?</strong> For funded, artistic, scientific and arts-based research projects, Support Kunst und Forschung is a central coordination point. Bring a short project description, host unit, likely applicant, partners, duration, rough budget and the main things you need from the University.</div>
417 417  
418 +<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_START -->
419 +{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
420 +<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
421 +
422 +<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_START -->
423 +{{include reference="Service Navigator.Art & Research Services Navigator.Code.PracticalResourcesFallbackBlock" author="target" /}}
424 +<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_END -->
425 +
418 418  <!-- ARSN_SEARCH_TERMS_START -->
419 419  <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
420 420  <summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms &amp; related topics</summary>
... ... @@ -507,6 +507,38 @@
507 507  [data-sn-master-first-row]{
508 508   box-sizing:border-box;
509 509  }
518 +
519 +/* =========================================================
520 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
521 + ========================================================= */
522 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
523 + display:grid!important;
524 + grid-template-columns:minmax(0,1fr)!important;
525 + grid-auto-rows:auto!important;
526 + width:100%!important;
527 + max-width:none!important;
528 + box-sizing:border-box!important;
529 + justify-items:start!important;
530 + align-items:start!important;
531 + gap:2px!important;
532 + text-align:left!important;
533 + text-align-last:left!important;
534 + text-justify:auto!important;
535 + word-spacing:normal!important;
536 + white-space:normal!important;
537 +}
538 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
539 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
540 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
541 + display:block!important;
542 + width:100%!important;
543 + margin:0!important;
544 + text-align:left!important;
545 + text-align-last:left!important;
546 + text-justify:auto!important;
547 + word-spacing:normal!important;
548 + white-space:normal!important;
549 +}
510 510  </style>
511 511  
512 512  <script data-sn-service-navigator-master="1">
... ... @@ -699,6 +699,227 @@
699 699   }
700 700  
701 701   /* =======================================================
742 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
743 + ======================================================= */
744 +
745 + function colourDistance(a,b){
746 + return Math.sqrt(
747 + Math.pow(a[0]-b[0],2)+
748 + Math.pow(a[1]-b[1],2)+
749 + Math.pow(a[2]-b[2],2)
750 + );
751 + }
752 +
753 + function makeFilledRedOrangeCTAsBorderless(){
754 + var RED_ORANGE=[233,75,19];
755 +
756 + Array.from(
757 + root.querySelectorAll(
758 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
759 + )
760 + ).forEach(function(el){
761 + if(!visible(el))return;
762 +
763 + var style=getComputedStyle(el);
764 + var rgb=parseRGB(style.backgroundColor);
765 +
766 + if(!rgb)return;
767 +
768 + if(
769 + colourDistance(
770 + rgb,
771 + RED_ORANGE
772 + )>55
773 + ){
774 + return;
775 + }
776 +
777 + var rect=el.getBoundingClientRect();
778 +
779 + if(
780 + rect.width<80||
781 + rect.height<24
782 + ){
783 + return;
784 + }
785 +
786 + el.style.setProperty(
787 + "border",
788 + "none",
789 + "important"
790 + );
791 +
792 + el.style.setProperty(
793 + "border-left",
794 + "none",
795 + "important"
796 + );
797 +
798 + el.style.setProperty(
799 + "border-top",
800 + "none",
801 + "important"
802 + );
803 +
804 + el.style.setProperty(
805 + "border-right",
806 + "none",
807 + "important"
808 + );
809 +
810 + el.style.setProperty(
811 + "border-bottom",
812 + "none",
813 + "important"
814 + );
815 +
816 + el.style.setProperty(
817 + "box-shadow",
818 + "none",
819 + "important"
820 + );
821 + });
822 + }
823 +
824 + /* =======================================================
825 + FULL-WIDTH THREE-LINE AREA LABELS
826 + ======================================================= */
827 +
828 + function compactText(value){
829 + return String(value||"")
830 + .replace(/\s+/g," ")
831 + .trim();
832 + }
833 +
834 + function makeThreeLineAreaLabels(){
835 + Array.from(
836 + root.querySelectorAll(
837 + ".arsn-area-label"
838 + )
839 + ).forEach(function(label){
840 + if(
841 + label.getAttribute(
842 + "data-sn-three-line"
843 + )==="1"
844 + ){
845 + return;
846 + }
847 +
848 + var number=
849 + label.querySelector(
850 + ":scope > .arsn-area-number"
851 + );
852 +
853 + var action=
854 + label.querySelector(
855 + ":scope > .arsn-area-action"
856 + );
857 +
858 + if(
859 + !number||
860 + !action
861 + ){
862 + return;
863 + }
864 +
865 + var clone=
866 + label.cloneNode(true);
867 +
868 + var cloneNumber=
869 + clone.querySelector(
870 + ":scope > .arsn-area-number"
871 + );
872 +
873 + var cloneAction=
874 + clone.querySelector(
875 + ":scope > .arsn-area-action"
876 + );
877 +
878 + if(cloneNumber){
879 + cloneNumber.remove();
880 + }
881 +
882 + if(cloneAction){
883 + cloneAction.remove();
884 + }
885 +
886 + var titleText=
887 + compactText(
888 + clone.textContent
889 + );
890 +
891 + if(!titleText){
892 + return;
893 + }
894 +
895 + var numberNode=
896 + number.cloneNode(true);
897 +
898 + var actionNode=
899 + action.cloneNode(true);
900 +
901 + var titleNode=
902 + document.createElement(
903 + "span"
904 + );
905 +
906 + titleNode.className=
907 + "sn-area-label-title";
908 +
909 + titleNode.textContent=
910 + titleText;
911 +
912 + while(label.firstChild){
913 + label.removeChild(
914 + label.firstChild
915 + );
916 + }
917 +
918 + label.appendChild(
919 + numberNode
920 + );
921 +
922 + label.appendChild(
923 + titleNode
924 + );
925 +
926 + label.appendChild(
927 + actionNode
928 + );
929 +
930 + label.setAttribute(
931 + "data-sn-three-line",
932 + "1"
933 + );
934 +
935 + var head=
936 + label.closest(
937 + ".arsn-area-head"
938 + );
939 +
940 + if(head){
941 + head.style.setProperty(
942 + "width",
943 + "100%",
944 + "important"
945 + );
946 +
947 + head.style.setProperty(
948 + "max-width",
949 + "100%",
950 + "important"
951 + );
952 +
953 + head.style.setProperty(
954 + "box-sizing",
955 + "border-box",
956 + "important"
957 + );
958 + }
959 + });
960 + }
961 +
962 + /* =======================================================
702 702   PLACEHOLDER BADGE
703 703   ======================================================= */
704 704  
... ... @@ -1469,6 +1469,9 @@
1469 1469   var headers=
1470 1470   applyOverviewPalette();
1471 1471  
1733 + makeThreeLineAreaLabels();
1734 + makeFilledRedOrangeCTAsBorderless();
1735 +
1472 1472   if(
1473 1473   window.innerWidth>
1474 1474   MOBILE_MAX