Skip to Content
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 5.15
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:45
Change comment: There is no comment for this version
To version 5.11
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
... ... @@ -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">PREPARE · IDENTIFY DATA &amp; RESEARCH OUTPUTS</div>
29 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · 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,31 +251,6 @@
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 -
279 279  <!-- ARSN_SEARCH_TERMS_START -->
280 280  <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
281 281  <summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms &amp; related topics</summary>
... ... @@ -368,38 +368,6 @@
368 368  [data-sn-master-first-row]{
369 369   box-sizing:border-box;
370 370  }
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 -}
403 403  </style>
404 404  
405 405  <script data-sn-service-navigator-master="1">
... ... @@ -592,227 +592,6 @@
592 592   }
593 593  
594 594   /* =======================================================
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 - /* =======================================================
816 816   PLACEHOLDER BADGE
817 817   ======================================================= */
818 818  
... ... @@ -1583,9 +1583,6 @@
1583 1583   var headers=
1584 1584   applyOverviewPalette();
1585 1585  
1586 - makeThreeLineAreaLabels();
1587 - makeFilledRedOrangeCTAsBorderless();
1588 -
1589 1589   if(
1590 1590   window.innerWidth>
1591 1591   MOBILE_MAX