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