Skip to Content
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 9.10
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:45
Change comment: There is no comment for this version
To version 9.6
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
... ... @@ -52,12 +52,13 @@
52 52   }
53 53  </style>
54 54  
55 +
55 55  <div class="pp">
56 56  
57 57  <section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
58 58  <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>
59 59  <div style="padding:18px 21px 20px">
60 -<div class="eye" style="color:#8a4d36;margin-bottom:5px">PREPARE · PROJECT PLANNING &amp; ORGANISATION</div>
61 +<div class="eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · PROJECT PLANNING &amp; ORGANISATION</div>
61 61  <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>
62 62  <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>
63 63  </div></section>
... ... @@ -96,6 +96,7 @@
96 96  </div>
97 97  </section>
98 98  
100 +
99 99  <section class="sec">
100 100   <div class="eye" style="color:#8a4d36;margin-bottom:4px">EXAMPLES · HOW RESEARCH IS SITUATED AT THE ANGEWANDTE</div>
101 101   <h3>Use existing projects to understand possible research profiles and institutional homes</h3>
... ... @@ -413,31 +413,6 @@
413 413  
414 414  <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>
415 415  
416 -<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
417 -<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
418 - <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
419 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING &amp; WORKSHOPS</div>
420 - <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops &amp; consultation sessions</h3>
421 - <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>
422 - <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>
423 - </div>
424 -</section>
425 -<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
426 -
427 -<!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
428 -<section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
429 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
430 - <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Practical Resources</h3>
431 - <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>
432 - <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
433 - <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>
434 - <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>
435 - <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>
436 - </div>
437 - <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
438 -</section>
439 -<!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
440 -
441 441  <!-- ARSN_SEARCH_TERMS_START -->
442 442  <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
443 443  <summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms &amp; related topics</summary>
... ... @@ -530,38 +530,6 @@
530 530  [data-sn-master-first-row]{
531 531   box-sizing:border-box;
532 532  }
533 -
534 -/* =========================================================
535 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
536 - ========================================================= */
537 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
538 - display:grid!important;
539 - grid-template-columns:minmax(0,1fr)!important;
540 - grid-auto-rows:auto!important;
541 - width:100%!important;
542 - max-width:none!important;
543 - box-sizing:border-box!important;
544 - justify-items:start!important;
545 - align-items:start!important;
546 - gap:2px!important;
547 - text-align:left!important;
548 - text-align-last:left!important;
549 - text-justify:auto!important;
550 - word-spacing:normal!important;
551 - white-space:normal!important;
552 -}
553 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
554 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
555 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
556 - display:block!important;
557 - width:100%!important;
558 - margin:0!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 565  </style>
566 566  
567 567  <script data-sn-service-navigator-master="1">
... ... @@ -754,227 +754,6 @@
754 754   }
755 755  
756 756   /* =======================================================
757 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
758 - ======================================================= */
759 -
760 - function colourDistance(a,b){
761 - return Math.sqrt(
762 - Math.pow(a[0]-b[0],2)+
763 - Math.pow(a[1]-b[1],2)+
764 - Math.pow(a[2]-b[2],2)
765 - );
766 - }
767 -
768 - function makeFilledRedOrangeCTAsBorderless(){
769 - var RED_ORANGE=[233,75,19];
770 -
771 - Array.from(
772 - root.querySelectorAll(
773 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
774 - )
775 - ).forEach(function(el){
776 - if(!visible(el))return;
777 -
778 - var style=getComputedStyle(el);
779 - var rgb=parseRGB(style.backgroundColor);
780 -
781 - if(!rgb)return;
782 -
783 - if(
784 - colourDistance(
785 - rgb,
786 - RED_ORANGE
787 - )>55
788 - ){
789 - return;
790 - }
791 -
792 - var rect=el.getBoundingClientRect();
793 -
794 - if(
795 - rect.width<80||
796 - rect.height<24
797 - ){
798 - return;
799 - }
800 -
801 - el.style.setProperty(
802 - "border",
803 - "none",
804 - "important"
805 - );
806 -
807 - el.style.setProperty(
808 - "border-left",
809 - "none",
810 - "important"
811 - );
812 -
813 - el.style.setProperty(
814 - "border-top",
815 - "none",
816 - "important"
817 - );
818 -
819 - el.style.setProperty(
820 - "border-right",
821 - "none",
822 - "important"
823 - );
824 -
825 - el.style.setProperty(
826 - "border-bottom",
827 - "none",
828 - "important"
829 - );
830 -
831 - el.style.setProperty(
832 - "box-shadow",
833 - "none",
834 - "important"
835 - );
836 - });
837 - }
838 -
839 - /* =======================================================
840 - FULL-WIDTH THREE-LINE AREA LABELS
841 - ======================================================= */
842 -
843 - function compactText(value){
844 - return String(value||"")
845 - .replace(/\s+/g," ")
846 - .trim();
847 - }
848 -
849 - function makeThreeLineAreaLabels(){
850 - Array.from(
851 - root.querySelectorAll(
852 - ".arsn-area-label"
853 - )
854 - ).forEach(function(label){
855 - if(
856 - label.getAttribute(
857 - "data-sn-three-line"
858 - )==="1"
859 - ){
860 - return;
861 - }
862 -
863 - var number=
864 - label.querySelector(
865 - ":scope > .arsn-area-number"
866 - );
867 -
868 - var action=
869 - label.querySelector(
870 - ":scope > .arsn-area-action"
871 - );
872 -
873 - if(
874 - !number||
875 - !action
876 - ){
877 - return;
878 - }
879 -
880 - var clone=
881 - label.cloneNode(true);
882 -
883 - var cloneNumber=
884 - clone.querySelector(
885 - ":scope > .arsn-area-number"
886 - );
887 -
888 - var cloneAction=
889 - clone.querySelector(
890 - ":scope > .arsn-area-action"
891 - );
892 -
893 - if(cloneNumber){
894 - cloneNumber.remove();
895 - }
896 -
897 - if(cloneAction){
898 - cloneAction.remove();
899 - }
900 -
901 - var titleText=
902 - compactText(
903 - clone.textContent
904 - );
905 -
906 - if(!titleText){
907 - return;
908 - }
909 -
910 - var numberNode=
911 - number.cloneNode(true);
912 -
913 - var actionNode=
914 - action.cloneNode(true);
915 -
916 - var titleNode=
917 - document.createElement(
918 - "span"
919 - );
920 -
921 - titleNode.className=
922 - "sn-area-label-title";
923 -
924 - titleNode.textContent=
925 - titleText;
926 -
927 - while(label.firstChild){
928 - label.removeChild(
929 - label.firstChild
930 - );
931 - }
932 -
933 - label.appendChild(
934 - numberNode
935 - );
936 -
937 - label.appendChild(
938 - titleNode
939 - );
940 -
941 - label.appendChild(
942 - actionNode
943 - );
944 -
945 - label.setAttribute(
946 - "data-sn-three-line",
947 - "1"
948 - );
949 -
950 - var head=
951 - label.closest(
952 - ".arsn-area-head"
953 - );
954 -
955 - if(head){
956 - head.style.setProperty(
957 - "width",
958 - "100%",
959 - "important"
960 - );
961 -
962 - head.style.setProperty(
963 - "max-width",
964 - "100%",
965 - "important"
966 - );
967 -
968 - head.style.setProperty(
969 - "box-sizing",
970 - "border-box",
971 - "important"
972 - );
973 - }
974 - });
975 - }
976 -
977 - /* =======================================================
978 978   PLACEHOLDER BADGE
979 979   ======================================================= */
980 980  
... ... @@ -1745,9 +1745,6 @@
1745 1745   var headers=
1746 1746   applyOverviewPalette();
1747 1747  
1748 - makeThreeLineAreaLabels();
1749 - makeFilledRedOrangeCTAsBorderless();
1750 -
1751 1751   if(
1752 1752   window.innerWidth>
1753 1753   MOBILE_MAX