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.13
edited by Veronika Kocher
on Thursday, 03 Sep 2026 15:54
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>
... ... @@ -343,6 +343,38 @@
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 +}
346 346  </style>
347 347  
348 348  <script data-sn-service-navigator-master="1">
... ... @@ -535,6 +535,227 @@
535 535   }
536 536  
537 537   /* =======================================================
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 + /* =======================================================
538 538   PLACEHOLDER BADGE
539 539   ======================================================= */
540 540  
... ... @@ -1305,6 +1305,9 @@
1305 1305   var headers=
1306 1306   applyOverviewPalette();
1307 1307  
1561 + makeThreeLineAreaLabels();
1562 + makeFilledRedOrangeCTAsBorderless();
1563 +
1308 1308   if(
1309 1309   window.innerWidth>
1310 1310   MOBILE_MAX