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

Summary

Details

Page properties
Content
... ... @@ -26,7 +26,7 @@
26 26  <section class="ido-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
27 27  <div class="ido-hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Research materials, documentation and project outputs"></div>
28 28  <div style="padding:18px 21px 20px">
29 -<div class="ido-eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · IDENTIFY DATA &amp; RESEARCH OUTPUTS</div>
29 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:5px">PREPARE · IDENTIFY DATA &amp; RESEARCH OUTPUTS</div>
30 30  <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Know what your project creates, collects, reuses and needs to keep</h2>
31 31  <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1160px">Before you can plan storage, rights, data protection, documentation, publication or preservation, you need a realistic inventory of the materials and outputs your project will work with. In artistic research this often includes much more than conventional “research data”: source material, physical objects, sketches, recordings, software, process documentation, performances, installations and the records that make them understandable later.</p>
32 32  </div>
... ... @@ -251,6 +251,31 @@
251 251  
252 252  <div class="ido-info" style="margin-bottom:14px"><strong>Need help deciding what belongs in the inventory?</strong> Bring a one-paragraph project description, your planned methods/activities, expected outputs, likely source material and any funder requirements. For funded art/research projects, Support Kunst und Forschung can help connect these elements to the wider project plan.</div>
253 253  
254 +<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
255 +<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
256 + <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
257 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING &amp; WORKSHOPS</div>
258 + <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops &amp; consultation sessions</h3>
259 + <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>
260 + <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>
261 + </div>
262 +</section>
263 +<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
264 +
265 +<!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
266 +<section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
267 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
268 + <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Practical Resources</h3>
269 + <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>
270 + <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
271 + <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>
272 + <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>
273 + <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>
274 + </div>
275 + <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
276 +</section>
277 +<!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
278 +
254 254  <!-- ARSN_SEARCH_TERMS_START -->
255 255  <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
256 256  <summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms &amp; related topics</summary>
... ... @@ -343,6 +343,38 @@
343 343  [data-sn-master-first-row]{
344 344   box-sizing:border-box;
345 345  }
371 +
372 +/* =========================================================
373 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
374 + ========================================================= */
375 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
376 + display:grid!important;
377 + grid-template-columns:minmax(0,1fr)!important;
378 + grid-auto-rows:auto!important;
379 + width:100%!important;
380 + max-width:none!important;
381 + box-sizing:border-box!important;
382 + justify-items:start!important;
383 + align-items:start!important;
384 + gap:2px!important;
385 + text-align:left!important;
386 + text-align-last:left!important;
387 + text-justify:auto!important;
388 + word-spacing:normal!important;
389 + white-space:normal!important;
390 +}
391 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
392 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
393 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
394 + display:block!important;
395 + width:100%!important;
396 + margin:0!important;
397 + text-align:left!important;
398 + text-align-last:left!important;
399 + text-justify:auto!important;
400 + word-spacing:normal!important;
401 + white-space:normal!important;
402 +}
346 346  </style>
347 347  
348 348  <script data-sn-service-navigator-master="1">
... ... @@ -535,6 +535,227 @@
535 535   }
536 536  
537 537   /* =======================================================
595 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
596 + ======================================================= */
597 +
598 + function colourDistance(a,b){
599 + return Math.sqrt(
600 + Math.pow(a[0]-b[0],2)+
601 + Math.pow(a[1]-b[1],2)+
602 + Math.pow(a[2]-b[2],2)
603 + );
604 + }
605 +
606 + function makeFilledRedOrangeCTAsBorderless(){
607 + var RED_ORANGE=[233,75,19];
608 +
609 + Array.from(
610 + root.querySelectorAll(
611 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
612 + )
613 + ).forEach(function(el){
614 + if(!visible(el))return;
615 +
616 + var style=getComputedStyle(el);
617 + var rgb=parseRGB(style.backgroundColor);
618 +
619 + if(!rgb)return;
620 +
621 + if(
622 + colourDistance(
623 + rgb,
624 + RED_ORANGE
625 + )>55
626 + ){
627 + return;
628 + }
629 +
630 + var rect=el.getBoundingClientRect();
631 +
632 + if(
633 + rect.width<80||
634 + rect.height<24
635 + ){
636 + return;
637 + }
638 +
639 + el.style.setProperty(
640 + "border",
641 + "none",
642 + "important"
643 + );
644 +
645 + el.style.setProperty(
646 + "border-left",
647 + "none",
648 + "important"
649 + );
650 +
651 + el.style.setProperty(
652 + "border-top",
653 + "none",
654 + "important"
655 + );
656 +
657 + el.style.setProperty(
658 + "border-right",
659 + "none",
660 + "important"
661 + );
662 +
663 + el.style.setProperty(
664 + "border-bottom",
665 + "none",
666 + "important"
667 + );
668 +
669 + el.style.setProperty(
670 + "box-shadow",
671 + "none",
672 + "important"
673 + );
674 + });
675 + }
676 +
677 + /* =======================================================
678 + FULL-WIDTH THREE-LINE AREA LABELS
679 + ======================================================= */
680 +
681 + function compactText(value){
682 + return String(value||"")
683 + .replace(/\s+/g," ")
684 + .trim();
685 + }
686 +
687 + function makeThreeLineAreaLabels(){
688 + Array.from(
689 + root.querySelectorAll(
690 + ".arsn-area-label"
691 + )
692 + ).forEach(function(label){
693 + if(
694 + label.getAttribute(
695 + "data-sn-three-line"
696 + )==="1"
697 + ){
698 + return;
699 + }
700 +
701 + var number=
702 + label.querySelector(
703 + ":scope > .arsn-area-number"
704 + );
705 +
706 + var action=
707 + label.querySelector(
708 + ":scope > .arsn-area-action"
709 + );
710 +
711 + if(
712 + !number||
713 + !action
714 + ){
715 + return;
716 + }
717 +
718 + var clone=
719 + label.cloneNode(true);
720 +
721 + var cloneNumber=
722 + clone.querySelector(
723 + ":scope > .arsn-area-number"
724 + );
725 +
726 + var cloneAction=
727 + clone.querySelector(
728 + ":scope > .arsn-area-action"
729 + );
730 +
731 + if(cloneNumber){
732 + cloneNumber.remove();
733 + }
734 +
735 + if(cloneAction){
736 + cloneAction.remove();
737 + }
738 +
739 + var titleText=
740 + compactText(
741 + clone.textContent
742 + );
743 +
744 + if(!titleText){
745 + return;
746 + }
747 +
748 + var numberNode=
749 + number.cloneNode(true);
750 +
751 + var actionNode=
752 + action.cloneNode(true);
753 +
754 + var titleNode=
755 + document.createElement(
756 + "span"
757 + );
758 +
759 + titleNode.className=
760 + "sn-area-label-title";
761 +
762 + titleNode.textContent=
763 + titleText;
764 +
765 + while(label.firstChild){
766 + label.removeChild(
767 + label.firstChild
768 + );
769 + }
770 +
771 + label.appendChild(
772 + numberNode
773 + );
774 +
775 + label.appendChild(
776 + titleNode
777 + );
778 +
779 + label.appendChild(
780 + actionNode
781 + );
782 +
783 + label.setAttribute(
784 + "data-sn-three-line",
785 + "1"
786 + );
787 +
788 + var head=
789 + label.closest(
790 + ".arsn-area-head"
791 + );
792 +
793 + if(head){
794 + head.style.setProperty(
795 + "width",
796 + "100%",
797 + "important"
798 + );
799 +
800 + head.style.setProperty(
801 + "max-width",
802 + "100%",
803 + "important"
804 + );
805 +
806 + head.style.setProperty(
807 + "box-sizing",
808 + "border-box",
809 + "important"
810 + );
811 + }
812 + });
813 + }
814 +
815 + /* =======================================================
538 538   PLACEHOLDER BADGE
539 539   ======================================================= */
540 540  
... ... @@ -1305,6 +1305,9 @@
1305 1305   var headers=
1306 1306   applyOverviewPalette();
1307 1307  
1586 + makeThreeLineAreaLabels();
1587 + makeFilledRedOrangeCTAsBorderless();
1588 +
1308 1308   if(
1309 1309   window.innerWidth>
1310 1310   MOBILE_MAX