Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45

From version 5.14
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:23
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,14 +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_INCLUDE_V1_START -->
255 -{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
256 -<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
257 -
258 -<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_START -->
259 -{{include reference="Service Navigator.Art & Research Services Navigator.Code.PracticalResourcesFallbackBlock" author="target" /}}
260 -<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_END -->
261 -
262 262  <!-- ARSN_SEARCH_TERMS_START -->
263 263  <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
264 264  <summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms &amp; related topics</summary>
... ... @@ -351,38 +351,6 @@
351 351  [data-sn-master-first-row]{
352 352   box-sizing:border-box;
353 353  }
354 -
355 -/* =========================================================
356 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
357 - ========================================================= */
358 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
359 - display:grid!important;
360 - grid-template-columns:minmax(0,1fr)!important;
361 - grid-auto-rows:auto!important;
362 - width:100%!important;
363 - max-width:none!important;
364 - box-sizing:border-box!important;
365 - justify-items:start!important;
366 - align-items:start!important;
367 - gap:2px!important;
368 - text-align:left!important;
369 - text-align-last:left!important;
370 - text-justify:auto!important;
371 - word-spacing:normal!important;
372 - white-space:normal!important;
373 -}
374 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
375 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
376 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
377 - display:block!important;
378 - width:100%!important;
379 - margin:0!important;
380 - text-align:left!important;
381 - text-align-last:left!important;
382 - text-justify:auto!important;
383 - word-spacing:normal!important;
384 - white-space:normal!important;
385 -}
386 386  </style>
387 387  
388 388  <script data-sn-service-navigator-master="1">
... ... @@ -575,227 +575,6 @@
575 575   }
576 576  
577 577   /* =======================================================
578 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
579 - ======================================================= */
580 -
581 - function colourDistance(a,b){
582 - return Math.sqrt(
583 - Math.pow(a[0]-b[0],2)+
584 - Math.pow(a[1]-b[1],2)+
585 - Math.pow(a[2]-b[2],2)
586 - );
587 - }
588 -
589 - function makeFilledRedOrangeCTAsBorderless(){
590 - var RED_ORANGE=[233,75,19];
591 -
592 - Array.from(
593 - root.querySelectorAll(
594 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
595 - )
596 - ).forEach(function(el){
597 - if(!visible(el))return;
598 -
599 - var style=getComputedStyle(el);
600 - var rgb=parseRGB(style.backgroundColor);
601 -
602 - if(!rgb)return;
603 -
604 - if(
605 - colourDistance(
606 - rgb,
607 - RED_ORANGE
608 - )>55
609 - ){
610 - return;
611 - }
612 -
613 - var rect=el.getBoundingClientRect();
614 -
615 - if(
616 - rect.width<80||
617 - rect.height<24
618 - ){
619 - return;
620 - }
621 -
622 - el.style.setProperty(
623 - "border",
624 - "none",
625 - "important"
626 - );
627 -
628 - el.style.setProperty(
629 - "border-left",
630 - "none",
631 - "important"
632 - );
633 -
634 - el.style.setProperty(
635 - "border-top",
636 - "none",
637 - "important"
638 - );
639 -
640 - el.style.setProperty(
641 - "border-right",
642 - "none",
643 - "important"
644 - );
645 -
646 - el.style.setProperty(
647 - "border-bottom",
648 - "none",
649 - "important"
650 - );
651 -
652 - el.style.setProperty(
653 - "box-shadow",
654 - "none",
655 - "important"
656 - );
657 - });
658 - }
659 -
660 - /* =======================================================
661 - FULL-WIDTH THREE-LINE AREA LABELS
662 - ======================================================= */
663 -
664 - function compactText(value){
665 - return String(value||"")
666 - .replace(/\s+/g," ")
667 - .trim();
668 - }
669 -
670 - function makeThreeLineAreaLabels(){
671 - Array.from(
672 - root.querySelectorAll(
673 - ".arsn-area-label"
674 - )
675 - ).forEach(function(label){
676 - if(
677 - label.getAttribute(
678 - "data-sn-three-line"
679 - )==="1"
680 - ){
681 - return;
682 - }
683 -
684 - var number=
685 - label.querySelector(
686 - ":scope > .arsn-area-number"
687 - );
688 -
689 - var action=
690 - label.querySelector(
691 - ":scope > .arsn-area-action"
692 - );
693 -
694 - if(
695 - !number||
696 - !action
697 - ){
698 - return;
699 - }
700 -
701 - var clone=
702 - label.cloneNode(true);
703 -
704 - var cloneNumber=
705 - clone.querySelector(
706 - ":scope > .arsn-area-number"
707 - );
708 -
709 - var cloneAction=
710 - clone.querySelector(
711 - ":scope > .arsn-area-action"
712 - );
713 -
714 - if(cloneNumber){
715 - cloneNumber.remove();
716 - }
717 -
718 - if(cloneAction){
719 - cloneAction.remove();
720 - }
721 -
722 - var titleText=
723 - compactText(
724 - clone.textContent
725 - );
726 -
727 - if(!titleText){
728 - return;
729 - }
730 -
731 - var numberNode=
732 - number.cloneNode(true);
733 -
734 - var actionNode=
735 - action.cloneNode(true);
736 -
737 - var titleNode=
738 - document.createElement(
739 - "span"
740 - );
741 -
742 - titleNode.className=
743 - "sn-area-label-title";
744 -
745 - titleNode.textContent=
746 - titleText;
747 -
748 - while(label.firstChild){
749 - label.removeChild(
750 - label.firstChild
751 - );
752 - }
753 -
754 - label.appendChild(
755 - numberNode
756 - );
757 -
758 - label.appendChild(
759 - titleNode
760 - );
761 -
762 - label.appendChild(
763 - actionNode
764 - );
765 -
766 - label.setAttribute(
767 - "data-sn-three-line",
768 - "1"
769 - );
770 -
771 - var head=
772 - label.closest(
773 - ".arsn-area-head"
774 - );
775 -
776 - if(head){
777 - head.style.setProperty(
778 - "width",
779 - "100%",
780 - "important"
781 - );
782 -
783 - head.style.setProperty(
784 - "max-width",
785 - "100%",
786 - "important"
787 - );
788 -
789 - head.style.setProperty(
790 - "box-sizing",
791 - "border-box",
792 - "important"
793 - );
794 - }
795 - });
796 - }
797 -
798 - /* =======================================================
799 799   PLACEHOLDER BADGE
800 800   ======================================================= */
801 801  
... ... @@ -1566,9 +1566,6 @@
1566 1566   var headers=
1567 1567   applyOverviewPalette();
1568 1568  
1569 - makeThreeLineAreaLabels();
1570 - makeFilledRedOrangeCTAsBorderless();
1571 -
1572 1572   if(
1573 1573   window.innerWidth>
1574 1574   MOBILE_MAX