Skip to Content

Changes for page Plan Your Data Management

Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 4.11
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version
To version 4.14
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:23
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -26,7 +26,7 @@
26 26  <section class="dmp-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
27 27  <div class="dmp-hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planning research data, materials and outputs across the project lifecycle"></div>
28 28  <div style="padding:18px 21px 20px">
29 -<div class="dmp-eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · DATA MANAGEMENT PLAN</div>
29 +<div class="dmp-eye" style="color:#8a4d36;margin-bottom:5px">PREPARE · DATA MANAGEMENT PLAN</div>
30 30  <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Turn data management into a working project routine — not a form you fill in once</h2>
31 31  <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1160px">A practical Data Management Plan (DMP) records how your project will organise, store, protect, document, share, preserve or dispose of its data and materials. For artistic and arts-based research, this can include physical objects, audiovisual material, software, performances, process documentation and artistic outputs as well as conventional research data.</p>
32 32  </div>
... ... @@ -247,6 +247,14 @@
247 247  
248 248  <div class="dmp-info" style="margin-bottom:14px"><strong>Need help reviewing a DMP?</strong> Bring the current funder template or internal draft, your material/output inventory, planned storage locations, project partners and the main questions that are still unresolved. This makes support much faster and more concrete.</div>
249 249  
250 +<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_START -->
251 +{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
252 +<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
253 +
254 +<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_START -->
255 +{{include reference="Service Navigator.Art & Research Services Navigator.Code.PracticalResourcesFallbackBlock" author="target" /}}
256 +<!-- ARSN_PRACTICAL_RESOURCES_FALLBACK_V1_END -->
257 +
250 250  <!-- ARSN_SEARCH_TERMS_START -->
251 251  <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
252 252  <summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms &amp; related topics</summary>
... ... @@ -339,6 +339,38 @@
339 339  [data-sn-master-first-row]{
340 340   box-sizing:border-box;
341 341  }
350 +
351 +/* =========================================================
352 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
353 + ========================================================= */
354 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
355 + display:grid!important;
356 + grid-template-columns:minmax(0,1fr)!important;
357 + grid-auto-rows:auto!important;
358 + width:100%!important;
359 + max-width:none!important;
360 + box-sizing:border-box!important;
361 + justify-items:start!important;
362 + align-items:start!important;
363 + gap:2px!important;
364 + text-align:left!important;
365 + text-align-last:left!important;
366 + text-justify:auto!important;
367 + word-spacing:normal!important;
368 + white-space:normal!important;
369 +}
370 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
371 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
372 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
373 + display:block!important;
374 + width:100%!important;
375 + margin:0!important;
376 + text-align:left!important;
377 + text-align-last:left!important;
378 + text-justify:auto!important;
379 + word-spacing:normal!important;
380 + white-space:normal!important;
381 +}
342 342  </style>
343 343  
344 344  <script data-sn-service-navigator-master="1">
... ... @@ -531,6 +531,227 @@
531 531   }
532 532  
533 533   /* =======================================================
574 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
575 + ======================================================= */
576 +
577 + function colourDistance(a,b){
578 + return Math.sqrt(
579 + Math.pow(a[0]-b[0],2)+
580 + Math.pow(a[1]-b[1],2)+
581 + Math.pow(a[2]-b[2],2)
582 + );
583 + }
584 +
585 + function makeFilledRedOrangeCTAsBorderless(){
586 + var RED_ORANGE=[233,75,19];
587 +
588 + Array.from(
589 + root.querySelectorAll(
590 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
591 + )
592 + ).forEach(function(el){
593 + if(!visible(el))return;
594 +
595 + var style=getComputedStyle(el);
596 + var rgb=parseRGB(style.backgroundColor);
597 +
598 + if(!rgb)return;
599 +
600 + if(
601 + colourDistance(
602 + rgb,
603 + RED_ORANGE
604 + )>55
605 + ){
606 + return;
607 + }
608 +
609 + var rect=el.getBoundingClientRect();
610 +
611 + if(
612 + rect.width<80||
613 + rect.height<24
614 + ){
615 + return;
616 + }
617 +
618 + el.style.setProperty(
619 + "border",
620 + "none",
621 + "important"
622 + );
623 +
624 + el.style.setProperty(
625 + "border-left",
626 + "none",
627 + "important"
628 + );
629 +
630 + el.style.setProperty(
631 + "border-top",
632 + "none",
633 + "important"
634 + );
635 +
636 + el.style.setProperty(
637 + "border-right",
638 + "none",
639 + "important"
640 + );
641 +
642 + el.style.setProperty(
643 + "border-bottom",
644 + "none",
645 + "important"
646 + );
647 +
648 + el.style.setProperty(
649 + "box-shadow",
650 + "none",
651 + "important"
652 + );
653 + });
654 + }
655 +
656 + /* =======================================================
657 + FULL-WIDTH THREE-LINE AREA LABELS
658 + ======================================================= */
659 +
660 + function compactText(value){
661 + return String(value||"")
662 + .replace(/\s+/g," ")
663 + .trim();
664 + }
665 +
666 + function makeThreeLineAreaLabels(){
667 + Array.from(
668 + root.querySelectorAll(
669 + ".arsn-area-label"
670 + )
671 + ).forEach(function(label){
672 + if(
673 + label.getAttribute(
674 + "data-sn-three-line"
675 + )==="1"
676 + ){
677 + return;
678 + }
679 +
680 + var number=
681 + label.querySelector(
682 + ":scope > .arsn-area-number"
683 + );
684 +
685 + var action=
686 + label.querySelector(
687 + ":scope > .arsn-area-action"
688 + );
689 +
690 + if(
691 + !number||
692 + !action
693 + ){
694 + return;
695 + }
696 +
697 + var clone=
698 + label.cloneNode(true);
699 +
700 + var cloneNumber=
701 + clone.querySelector(
702 + ":scope > .arsn-area-number"
703 + );
704 +
705 + var cloneAction=
706 + clone.querySelector(
707 + ":scope > .arsn-area-action"
708 + );
709 +
710 + if(cloneNumber){
711 + cloneNumber.remove();
712 + }
713 +
714 + if(cloneAction){
715 + cloneAction.remove();
716 + }
717 +
718 + var titleText=
719 + compactText(
720 + clone.textContent
721 + );
722 +
723 + if(!titleText){
724 + return;
725 + }
726 +
727 + var numberNode=
728 + number.cloneNode(true);
729 +
730 + var actionNode=
731 + action.cloneNode(true);
732 +
733 + var titleNode=
734 + document.createElement(
735 + "span"
736 + );
737 +
738 + titleNode.className=
739 + "sn-area-label-title";
740 +
741 + titleNode.textContent=
742 + titleText;
743 +
744 + while(label.firstChild){
745 + label.removeChild(
746 + label.firstChild
747 + );
748 + }
749 +
750 + label.appendChild(
751 + numberNode
752 + );
753 +
754 + label.appendChild(
755 + titleNode
756 + );
757 +
758 + label.appendChild(
759 + actionNode
760 + );
761 +
762 + label.setAttribute(
763 + "data-sn-three-line",
764 + "1"
765 + );
766 +
767 + var head=
768 + label.closest(
769 + ".arsn-area-head"
770 + );
771 +
772 + if(head){
773 + head.style.setProperty(
774 + "width",
775 + "100%",
776 + "important"
777 + );
778 +
779 + head.style.setProperty(
780 + "max-width",
781 + "100%",
782 + "important"
783 + );
784 +
785 + head.style.setProperty(
786 + "box-sizing",
787 + "border-box",
788 + "important"
789 + );
790 + }
791 + });
792 + }
793 +
794 + /* =======================================================
534 534   PLACEHOLDER BADGE
535 535   ======================================================= */
536 536  
... ... @@ -1301,6 +1301,9 @@
1301 1301   var headers=
1302 1302   applyOverviewPalette();
1303 1303  
1565 + makeThreeLineAreaLabels();
1566 + makeFilledRedOrangeCTAsBorderless();
1567 +
1304 1304   if(
1305 1305   window.innerWidth>
1306 1306   MOBILE_MAX