Changes for page Plan Your Data Management
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 4.6
edited by Veronika Kocher
on Wednesday, 02 Sep 2026 13:27
on Wednesday, 02 Sep 2026 13:27
Change comment:
There is no comment for this version
To version 4.11
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
on Thursday, 03 Sep 2026 13:04
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -38,6 +38,18 @@ 38 38 39 39 <div class="dmp-store" style="margin-bottom:28px"><strong>Start from your material inventory.</strong> If you have not yet mapped the data, materials, documentation and outputs your project will create, collect or reuse, begin with <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Identify%20Your%20Data%20%26%20Research%20Outputs/">Identify Your Data & Research Outputs</a>.</div> 40 40 41 +<!-- ARSN_DMP_TOOL_COMING_SOON_V1 --> 42 +<section id="dmp-tool-coming-soon" class="dmp-card" style="margin-bottom:28px;overflow:hidden;border-left:6px solid #21b6d7;"> 43 +<div style="padding:17px 20px 18px"> 44 +<div class="dmp-eye" style="color:#3f6871;margin-bottom:5px">DMP TOOL <span style="display:inline-block;margin-left:6px;padding:3px 7px;border-radius:12px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:10px;letter-spacing:.06em;vertical-align:1px">COMING SOON</span></div> 45 +<h3 style="font-size:21px;margin:0 0 7px;color:#35312d">Interactive Art & Research DMP Tool</h3> 46 +<p style="margin:0 0 11px;color:#625d56;line-height:1.55;max-width:1050px">A local form will connect the eleven core DMP questions with funder-specific requirements and export DMPs as PDF, JSON, YAML and Markdown. Funder profiles are maintained separately from the tool so that FWF, Horizon Europe, ERC or FFG requirements can be updated without reprogramming the form.</p> 47 +<a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/DMP%20Tool/" aria-disabled="true" onclick="return false;" style="display:inline-block;padding:8px 11px;border:1px solid #c7e5ed;border-radius:6px;background:#f4fbfc;color:#3f6871;text-decoration:none;font-weight:700;cursor:not-allowed">Open DMP Tool ↗</a> 48 +<span style="display:inline-block;margin-left:8px;color:#8a4d36;font-size:12px;font-weight:700">COMING SOON</span> 49 +</div> 50 +</section> 51 +<!-- ARSN_DMP_TOOL_COMING_SOON_END --> 52 + 41 41 <section class="dmp-sec"> 42 42 <div class="dmp-eye" style="color:#8a4d36;margin-bottom:4px">STEP 1 · DEFINE THE SCOPE</div> 43 43 <h3>Decide what your DMP needs to cover</h3> ... ... @@ -129,28 +129,50 @@ 129 129 </section> 130 130 131 131 <section class="dmp-sec"> 144 +<!-- ARSN_DMP_FUNDER_LINKS_SPECIFIC_V2 --> 132 132 <div class="dmp-eye" style="color:#8a4d36;margin-bottom:4px">FUNDER REQUIREMENTS</div> 133 -<h3> Usethefunder’scurrent template and deadlineswhere oneis required</h3>134 -<p>Your internal working DMP can be broader than a funder template ,buta funded projectmuststill satisfytheapplicableprogrammerules. Alwayscheckthecurrentcall,grantagreement andfunderguidance.</p>146 +<h3>Work from the actual template, call and binding project conditions</h3> 147 +<p>Your internal working DMP can be broader than the formal funder template. For a funded project, however, the current DMP template, the specific call or call guide, the funding agreement or Grant Agreement and the deadlines stated there are decisive. The links below therefore point directly to DMP-relevant documents or document areas.</p> 135 135 136 136 <div class="dmp-grid"> 137 137 <div class="dmp-box" style="border-top:4px solid #e94b13"> 138 138 <h4>FWF</h4> 139 -<p>The FWF requires a Data Management Plan for projects approved under the relevant guidelines since 1 January 2019. The DMP is submitted with the funding agreement, is required for project start, should be maintained as a living document and the final version is submitted with the final project report.</p> 140 -<p style="margin-top:9px"><a href="https://www.fwf.ac.at/en/about-us/tasks-and-activities/open-science/research-data-management" target="_blank" rel="noopener"><strong>FWF Research Data Management & DMP guidance ↗</strong></a></p> 152 +<p>For the relevant approved FWF projects, the DMP is required for project start, is submitted with the funding agreement, uses the same language as the proposal, is versioned throughout the project and is submitted in its final version with the final project report.</p> 153 +<ul style="margin:10px 0 0 18px;padding:0;line-height:1.55"> 154 +<li><a href="https://www.fwf.ac.at/fileadmin/Website/Dokumente/Ueber_uns/Aufgaben_und_Aktivitaeten/Open_Science/fwf_dmp_guidelines_template.docx" target="_blank" rel="noopener"><strong>DMP – Guidelines and template (EN, DOCX) ↗</strong></a></li> 155 +<li><a href="https://www.fwf.ac.at/fileadmin/Website/Dokumente/Ueber_uns/Aufgaben_und_Aktivitaeten/Open_Science/fwf_dmp_evaluierungsmatrix.pdf" target="_blank" rel="noopener">DMP evaluation matrix (PDF) ↗</a></li> 156 +<li><a href="https://www.fwf.ac.at/en/about-us/what-we-do/open-science/open-access-policy/open-access-policy-for-research-data" target="_blank" rel="noopener">Open-Access Policy for Research Data ↗</a></li> 157 +<li><a href="https://www.fwf.ac.at/en/about-us/what-we-do/open-science/research-data-management" target="_blank" rel="noopener">Research Data Management – workflow, funding & contact ↗</a></li> 158 +</ul> 141 141 </div> 142 142 143 143 <div class="dmp-box" style="border-top:4px solid #21b6d7"> 144 144 <h4>Horizon Europe</h4> 145 -<p>Horizon Europe projects that generate or reuse research data are expected to establish a detailed DMP; programme guidance normally places the first DMP deliverable at month 6, with updates as the project develops and towards project end.</p> 146 -<p style="margin-top:9px"><a href="https://ec.europa.eu/info/funding-tenders/opportunities/docs/2021-2027/horizon/guidance/programme-guide_horizon_en.pdf" target="_blank" rel="noopener"><strong>Horizon Europe Programme Guide ↗</strong></a></p> 163 +<p>Research Data Management is a mandatory Open Science practice for projects generating or reusing research data. The detailed DMP is normally a deliverable by month 6 and is maintained as a living document.</p> 164 +<ul style="margin:10px 0 0 18px;padding:0;line-height:1.55"> 165 +<li><a href="https://ec.europa.eu/info/funding-tenders/opportunities/portal/screen/how-to-participate/reference-documents;programCode=HORIZON" target="_blank" rel="noopener"><strong>DMP Reporting Template – Funding & Tenders Reference Documents ↗</strong></a><br><small>Under “Templates & Forms” → “Project reporting templates”.</small></li> 166 +<li><a href="https://ec.europa.eu/info/funding-tenders/opportunities/docs/2021-2027/common/guidance/aga_en.pdf" target="_blank" rel="noopener">Annotated Grant Agreement – DMP and Open Science obligations ↗</a></li> 167 +<li><a href="https://rea.ec.europa.eu/open-science_en" target="_blank" rel="noopener">REA Open Science Q&A – DMP, repositories & access restrictions ↗</a></li> 168 +<li><a href="https://ec.europa.eu/info/funding-tenders/opportunities/docs/2021-2027/horizon/guidance/programme-guide_horizon_en.pdf" target="_blank" rel="noopener">Horizon Europe Programme Guide – Open Science / RDM ↗</a></li> 169 +</ul> 147 147 </div> 148 148 172 +<div class="dmp-box" style="border-top:4px solid #21b6d7"> 173 +<h4>ERC · Horizon Europe</h4> 174 +<p>Horizon Europe-funded ERC projects include Research Data Management as a work package. The DMP is due no later than the end of project month 6; the ERC guidance also addresses dissemination level, FAIR, resources and data security.</p> 175 +<p style="margin-top:9px"><a href="https://erc.europa.eu/manage-your-project/open-science" target="_blank" rel="noopener"><strong>ERC – Open Science in ERC Projects: RDM work package, DMP deadline & template ↗</strong></a></p> 176 +</div> 177 + 149 149 <div class="dmp-box" style="border-top:4px solid #f0aa00"> 150 -<h4>Other funders / partners</h4> 151 -<p>Do not reuse an old DMP blindly. Check whether the current programme specifies a template, mandatory questions, repository expectations, open-access rules, review dates, eligible costs or reporting obligations.</p> 179 +<h4>FFG · always check the specific call</h4> 180 +<p>For FFG funding, DMP rules are call- and instrument-specific. Record the URL of the actual call, the version/date of the guide and whether a DMP is mandatory at submission, mandatory during the project/reporting, recommended or not required.</p> 181 +<p style="margin-top:9px"><a href="https://www.ffg.at/content/ausschreibungsdokumente-der-basisprogramme" target="_blank" rel="noopener"><strong>FFG – current Basisprogramme call documents 2025/26 ↗</strong></a></p> 182 +<p style="margin-top:8px;color:#6a655e;font-size:13px">For other FFG programmes, always use the current programme/call page and the guide linked there.</p> 152 152 </div> 153 153 </div> 185 + 186 +<div class="dmp-info" style="margin-top:14px"><strong>Other funders / partners:</strong> Do not record only the funder name. Store the <strong>exact URL of the binding requirement or template, its version/date and deadline</strong> in the DMP. For questions about the internal funding route or how funder requirements apply at the Angewandte: <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">Support Kunst und Forschung ↗</a>.</div> 187 +<!-- ARSN_DMP_FUNDER_LINKS_SPECIFIC_END --> 154 154 </section> 155 155 156 156 <section class="dmp-sec"> ... ... @@ -223,3 +223,1148 @@ 223 223 </div> 224 224 {{/html}} 225 225 260 +{{html clean="false"}} 261 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START --> 262 + 263 +<style data-sn-service-navigator-master="1"> 264 +/* ========================================================= 265 + MASTER TYPOGRAPHY 266 + ========================================================= */ 267 +#xwikicontent h1, 268 +#xwikicontent h2, 269 +#xwikicontent h3, 270 +#xwikicontent h4, 271 +#xwikicontent h5, 272 +#xwikicontent h6, 273 +#xwikicontent .box-title, 274 +#xwikicontent [role="heading"], 275 +#xwikicontent h1 a, 276 +#xwikicontent h2 a, 277 +#xwikicontent h3 a, 278 +#xwikicontent h4 a, 279 +#xwikicontent h5 a, 280 +#xwikicontent h6 a, 281 +#xwikicontent .box-title a, 282 +#xwikicontent [role="heading"] a{ 283 + text-align:left!important; 284 + text-justify:auto!important; 285 + word-spacing:normal!important; 286 +} 287 + 288 +/* ========================================================= 289 + COMING SOON / IN VORBEREITUNG 290 + ========================================================= */ 291 +.sn-coming-soon-badge{ 292 + display:inline-block; 293 + vertical-align:middle; 294 + margin-left:10px; 295 + padding:4px 8px; 296 + border-radius:14px; 297 + border:1px solid #efd9cc; 298 + background:#fff4ee; 299 + color:#8a4d36; 300 + font-size:11px; 301 + font-weight:700; 302 + letter-spacing:.055em; 303 + line-height:1.2; 304 + white-space:nowrap; 305 +} 306 + 307 +/* ========================================================= 308 + NATIVE / DETAIL CALLOUT GEOMETRY 309 + Preserve existing backgrounds. 310 + ========================================================= */ 311 +#xwikicontent .arsn-info, 312 +#xwikicontent .dmp-info, 313 +#xwikicontent .ido-info, 314 +#xwikicontent .pp-info, 315 +#xwikicontent .infomessage{ 316 + box-sizing:border-box!important; 317 + border-left:4px solid #21b6d7!important; 318 + border-radius:8px; 319 + text-align:left!important; 320 + word-spacing:normal!important; 321 +} 322 + 323 +#xwikicontent .arsn-warn, 324 +#xwikicontent .dmp-warn, 325 +#xwikicontent .ido-warn, 326 +#xwikicontent .pp-warn, 327 +#xwikicontent .warn, 328 +#xwikicontent .warning, 329 +#xwikicontent .warningmessage, 330 +#xwikicontent .errormessage{ 331 + box-sizing:border-box!important; 332 + border-left:4px solid #e94b13!important; 333 + border-radius:8px; 334 + text-align:left!important; 335 + word-spacing:normal!important; 336 +} 337 + 338 +[data-sn-master-equal-height], 339 +[data-sn-master-first-row]{ 340 + box-sizing:border-box; 341 +} 342 +</style> 343 + 344 +<script data-sn-service-navigator-master="1"> 345 +(function(){ 346 + "use strict"; 347 + 348 + var PAGE_KIND="detail"; 349 + var PLACEHOLDER=false; 350 + var PLACEHOLDER_LABEL="COMING SOON"; 351 + 352 + var MOBILE_MAX=767; 353 + var ROW_TOLERANCE=6; 354 + var RESIZE_DEBOUNCE=220; 355 + 356 + var root= 357 + document.getElementById("xwikicontent")|| 358 + document.querySelector(".xwiki-rendering-content")|| 359 + document.querySelector("main")|| 360 + document.body; 361 + 362 + if(!root)return; 363 + 364 + var managedHeight=new Set(); 365 + var managedMargin=new Set(); 366 + var originalHeight=new WeakMap(); 367 + var originalMargin=new WeakMap(); 368 + 369 + var resizeTimer=0; 370 + var running=false; 371 + 372 + var THEMES=[ 373 + { 374 + name:"BLUE", 375 + accent:"#21b6d7", 376 + bg:"#eaf7fb", 377 + text:"#315d68", 378 + labels:[ 379 + "HIER STARTEN", 380 + "ENTSCHEIDEN", 381 + "ÜBERPRÜFEN & ANPASSEN", 382 + "START HERE", 383 + "DECIDE", 384 + "REVIEW & ADAPT" 385 + ] 386 + }, 387 + { 388 + name:"RED", 389 + accent:"#e94b13", 390 + bg:"#fff1ec", 391 + text:"#8a4d36", 392 + labels:[ 393 + "PLANEN & ORGANISIEREN", 394 + "ORGANISIEREN & DOKUMENTIEREN", 395 + "PUBLIZIEREN & PRÄSENTIEREN", 396 + "PLAN & ORGANISE", 397 + "PLAN & ORGANIZE", 398 + "ORGANISE & DOCUMENT", 399 + "ORGANIZE & DOCUMENT", 400 + "PUBLISH & PRESENT" 401 + ] 402 + }, 403 + { 404 + name:"YELLOW", 405 + accent:"#f0aa00", 406 + bg:"#fff8e7", 407 + text:"#785b17", 408 + labels:[ 409 + "SCHÜTZEN & KLÄREN", 410 + "STANDARDISIEREN & IDENTIFIZIEREN", 411 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN", 412 + "PROTECT & CLARIFY", 413 + "STANDARDISE & IDENTIFY", 414 + "STANDARDIZE & IDENTIFY", 415 + "OPEN, REUSE & MAKE FINDABLE" 416 + ] 417 + }, 418 + { 419 + name:"GREEN", 420 + accent:"#38b76a", 421 + bg:"#edf9f1", 422 + text:"#3f7451", 423 + labels:[ 424 + "INFRASTRUKTUR EINRICHTEN", 425 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN", 426 + "SPEICHERN & ZUGRIFF STEUERN", 427 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN", 428 + "SET UP INFRASTRUCTURE", 429 + "SET UP INFRASTRUCTURE & COLLABORATION", 430 + "STORE & CONTROL ACCESS", 431 + "REPOSITORY, PRESERVE & HAND OVER" 432 + ] 433 + } 434 + ]; 435 + 436 + function num(value){ 437 + var n=parseFloat(value); 438 + return Number.isFinite(n)?n:0; 439 + } 440 + 441 + function norm(value){ 442 + return String(value||"") 443 + .replace(/\s+/g," ") 444 + .trim() 445 + .toUpperCase(); 446 + } 447 + 448 + function visible(el){ 449 + if(!el||el.nodeType!==1)return false; 450 + 451 + var style=getComputedStyle(el); 452 + var rect=el.getBoundingClientRect(); 453 + 454 + return ( 455 + style.display!=="none"&& 456 + style.visibility!=="hidden"&& 457 + rect.width>20&& 458 + rect.height>4 459 + ); 460 + } 461 + 462 + function saveStyle(el,map,property){ 463 + if(map.has(el))return; 464 + 465 + map.set(el,{ 466 + value:el.style.getPropertyValue(property), 467 + priority:el.style.getPropertyPriority(property) 468 + }); 469 + } 470 + 471 + function restoreStyle(el,map,property){ 472 + var original=map.get(el); 473 + 474 + if(original&&original.value){ 475 + el.style.setProperty( 476 + property, 477 + original.value, 478 + original.priority||"" 479 + ); 480 + }else{ 481 + el.style.removeProperty(property); 482 + } 483 + } 484 + 485 + function resetRuntime(){ 486 + managedHeight.forEach(function(el){ 487 + restoreStyle( 488 + el, 489 + originalHeight, 490 + "min-height" 491 + ); 492 + el.removeAttribute( 493 + "data-sn-master-equal-height" 494 + ); 495 + }); 496 + 497 + managedMargin.forEach(function(el){ 498 + restoreStyle( 499 + el, 500 + originalMargin, 501 + "margin-top" 502 + ); 503 + el.removeAttribute( 504 + "data-sn-master-first-row" 505 + ); 506 + }); 507 + 508 + managedHeight.clear(); 509 + managedMargin.clear(); 510 + } 511 + 512 + function themeFor(text){ 513 + var value=norm(text); 514 + 515 + for(var i=0;i<THEMES.length;i++){ 516 + for(var j=0;j<THEMES[i].labels.length;j++){ 517 + var label=THEMES[i].labels[j]; 518 + 519 + if( 520 + value===label|| 521 + value.indexOf(label+" ")===0|| 522 + value.indexOf(label+" -")===0|| 523 + value.indexOf(label+" ·")===0 524 + ){ 525 + return THEMES[i]; 526 + } 527 + } 528 + } 529 + 530 + return null; 531 + } 532 + 533 + /* ======================================================= 534 + PLACEHOLDER BADGE 535 + ======================================================= */ 536 + 537 + function applyPlaceholderBadge(){ 538 + if(!PLACEHOLDER)return; 539 + 540 + if( 541 + document.querySelector( 542 + ".sn-coming-soon-badge" 543 + ) 544 + ){ 545 + return; 546 + } 547 + 548 + var title= 549 + document.querySelector( 550 + "#document-title" 551 + )|| 552 + document.querySelector( 553 + "h1" 554 + ); 555 + 556 + if(!title)return; 557 + 558 + var badge= 559 + document.createElement( 560 + "span" 561 + ); 562 + 563 + badge.className= 564 + "sn-coming-soon-badge"; 565 + 566 + badge.textContent= 567 + PLACEHOLDER_LABEL; 568 + 569 + badge.setAttribute( 570 + "aria-label", 571 + PLACEHOLDER_LABEL 572 + ); 573 + 574 + title.appendChild( 575 + badge 576 + ); 577 + } 578 + 579 + /* ======================================================= 580 + DETAIL PAGE OWN-ACCENT PROPAGATION 581 + ======================================================= */ 582 + 583 + function parseRGB(value){ 584 + var match=String(value||"").match( 585 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i 586 + ); 587 + 588 + if(!match)return null; 589 + 590 + return [ 591 + Number(match[1]), 592 + Number(match[2]), 593 + Number(match[3]) 594 + ]; 595 + } 596 + 597 + function distance(a,b){ 598 + return Math.sqrt( 599 + Math.pow(a[0]-b[0],2)+ 600 + Math.pow(a[1]-b[1],2)+ 601 + Math.pow(a[2]-b[2],2) 602 + ); 603 + } 604 + 605 + function paletteMatch(cssColor){ 606 + var rgb=parseRGB(cssColor); 607 + 608 + if(!rgb)return null; 609 + 610 + var palette=[ 611 + {hex:"#21b6d7",rgb:[33,182,215]}, 612 + {hex:"#e94b13",rgb:[233,75,19]}, 613 + {hex:"#f0aa00",rgb:[240,170,0]}, 614 + {hex:"#38b76a",rgb:[56,183,106]} 615 + ]; 616 + 617 + var best=null; 618 + var bestDistance=Infinity; 619 + 620 + palette.forEach(function(item){ 621 + var d=distance(rgb,item.rgb); 622 + 623 + if(d<bestDistance){ 624 + best=item; 625 + bestDistance=d; 626 + } 627 + }); 628 + 629 + return bestDistance<=30 630 + ?best 631 + :null; 632 + } 633 + 634 + function propagateDetailAccents(){ 635 + if(PAGE_KIND!=="detail")return; 636 + 637 + Array.from( 638 + root.querySelectorAll( 639 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+ 640 + ".arsn-source,.dmp-source,.ido-source,.pp-source" 641 + ) 642 + ).forEach(function(el){ 643 + if(!visible(el))return; 644 + 645 + var style=getComputedStyle(el); 646 + 647 + if( 648 + num(style.borderTopWidth)>=2 649 + ){ 650 + var match= 651 + paletteMatch( 652 + style.borderTopColor 653 + ); 654 + 655 + if(match){ 656 + el.style.setProperty( 657 + "border-left", 658 + "4px solid "+match.hex, 659 + "important" 660 + ); 661 + } 662 + } 663 + }); 664 + 665 + // Warning families: explicit safety override. 666 + Array.from( 667 + root.querySelectorAll( 668 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+ 669 + ".warn,.warning,.warningmessage,.errormessage" 670 + ) 671 + ).forEach(function(el){ 672 + if(!visible(el))return; 673 + 674 + el.style.setProperty( 675 + "border-left", 676 + "4px solid #e94b13", 677 + "important" 678 + ); 679 + }); 680 + 681 + // Info families: explicit orientation override. 682 + Array.from( 683 + root.querySelectorAll( 684 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage" 685 + ) 686 + ).forEach(function(el){ 687 + if(!visible(el))return; 688 + 689 + el.style.setProperty( 690 + "border-left", 691 + "4px solid #21b6d7", 692 + "important" 693 + ); 694 + }); 695 + } 696 + 697 + /* ======================================================= 698 + OVERVIEW SEMANTIC THEME PALETTE 699 + ======================================================= */ 700 + 701 + function smallestThemeHeaders(){ 702 + return Array.from( 703 + root.querySelectorAll( 704 + "div,span,p,strong,h3,h4,h5,h6" 705 + ) 706 + ).filter(function(el){ 707 + if(!visible(el))return false; 708 + if(!themeFor(el.textContent))return false; 709 + 710 + return !Array.from( 711 + el.children||[] 712 + ).some(function(child){ 713 + return !!themeFor( 714 + child.textContent 715 + ); 716 + }); 717 + }); 718 + } 719 + 720 + function findOverviewCard(header){ 721 + var node=header.parentElement; 722 + var candidates=[]; 723 + 724 + while(node&&node!==root){ 725 + var rect=node.getBoundingClientRect(); 726 + var style=getComputedStyle(node); 727 + 728 + var border= 729 + num(style.borderTopWidth)+ 730 + num(style.borderRightWidth)+ 731 + num(style.borderBottomWidth)+ 732 + num(style.borderLeftWidth); 733 + 734 + if( 735 + rect.width>=220&& 736 + rect.width<=800&& 737 + rect.height>=120&& 738 + border>=1 739 + ){ 740 + candidates.push(node); 741 + } 742 + 743 + node=node.parentElement; 744 + } 745 + 746 + if(!candidates.length)return null; 747 + 748 + candidates.sort(function(a,b){ 749 + return ( 750 + b.getBoundingClientRect().height- 751 + a.getBoundingClientRect().height 752 + ); 753 + }); 754 + 755 + return candidates[0]; 756 + } 757 + 758 + function rowCandidates(link,card){ 759 + var result=[]; 760 + var cardRect= 761 + card.getBoundingClientRect(); 762 + 763 + var node=link; 764 + 765 + while(node&&node!==card){ 766 + if(visible(node)){ 767 + var rect= 768 + node.getBoundingClientRect(); 769 + 770 + if( 771 + rect.height<=105&& 772 + rect.width>= 773 + cardRect.width*.50&& 774 + rect.width<= 775 + cardRect.width*1.03 776 + ){ 777 + result.push(node); 778 + } 779 + } 780 + 781 + node=node.parentElement; 782 + } 783 + 784 + return result; 785 + } 786 + 787 + function chooseOuterRow( 788 + candidates, 789 + link 790 + ){ 791 + if(!candidates.length){ 792 + return link; 793 + } 794 + 795 + var bordered= 796 + candidates.filter(function(el){ 797 + return ( 798 + num( 799 + getComputedStyle(el) 800 + .borderLeftWidth 801 + )>=1 802 + ); 803 + }); 804 + 805 + var pool= 806 + bordered.length 807 + ?bordered 808 + :candidates; 809 + 810 + pool.sort(function(a,b){ 811 + var ar= 812 + a.getBoundingClientRect(); 813 + 814 + var br= 815 + b.getBoundingClientRect(); 816 + 817 + return ( 818 + ar.left-br.left|| 819 + br.width-ar.width 820 + ); 821 + }); 822 + 823 + return pool[0]||link; 824 + } 825 + 826 + function applyOverviewPalette(){ 827 + if(PAGE_KIND!=="overview"){ 828 + return []; 829 + } 830 + 831 + var headers= 832 + smallestThemeHeaders() 833 + .map(function(el){ 834 + return { 835 + el:el, 836 + theme: 837 + themeFor( 838 + el.textContent 839 + ), 840 + card: 841 + findOverviewCard( 842 + el 843 + ) 844 + }; 845 + }) 846 + .filter(function(row){ 847 + return !!row.card; 848 + }); 849 + 850 + var unique=[]; 851 + var seenHeaders=new Set(); 852 + 853 + headers.forEach(function(row){ 854 + var key= 855 + row.theme.name+ 856 + "|"+ 857 + Math.round( 858 + row.card 859 + .getBoundingClientRect() 860 + .left 861 + )+ 862 + "|"+ 863 + Math.round( 864 + row.el 865 + .getBoundingClientRect() 866 + .top 867 + ); 868 + 869 + if(!seenHeaders.has(key)){ 870 + seenHeaders.add(key); 871 + unique.push(row); 872 + } 873 + }); 874 + 875 + unique.forEach(function(row){ 876 + var headerRect= 877 + row.el 878 + .getBoundingClientRect(); 879 + 880 + row.el.style.setProperty( 881 + "background", 882 + row.theme.bg, 883 + "important" 884 + ); 885 + 886 + row.el.style.setProperty( 887 + "color", 888 + row.theme.text, 889 + "important" 890 + ); 891 + 892 + row.el.style.setProperty( 893 + "text-align", 894 + "left", 895 + "important" 896 + ); 897 + 898 + row.el.style.setProperty( 899 + "word-spacing", 900 + "normal", 901 + "important" 902 + ); 903 + 904 + var later= 905 + unique 906 + .filter(function(other){ 907 + return ( 908 + other.card===row.card&& 909 + other.el 910 + .getBoundingClientRect() 911 + .top> 912 + headerRect.top+2 913 + ); 914 + }) 915 + .sort(function(a,b){ 916 + return ( 917 + a.el 918 + .getBoundingClientRect() 919 + .top- 920 + b.el 921 + .getBoundingClientRect() 922 + .top 923 + ); 924 + }); 925 + 926 + var stopTop= 927 + later.length 928 + ?later[0].el 929 + .getBoundingClientRect() 930 + .top 931 + :Infinity; 932 + 933 + Array.from( 934 + row.card.querySelectorAll("a") 935 + ).forEach(function(link){ 936 + if(!visible(link))return; 937 + 938 + var rect= 939 + link.getBoundingClientRect(); 940 + 941 + if( 942 + rect.top<= 943 + headerRect.bottom-2|| 944 + rect.top>= 945 + stopTop-2 946 + ){ 947 + return; 948 + } 949 + 950 + var candidates= 951 + rowCandidates( 952 + link, 953 + row.card 954 + ); 955 + 956 + var target= 957 + chooseOuterRow( 958 + candidates, 959 + link 960 + ); 961 + 962 + candidates.forEach(function(el){ 963 + el.style.setProperty( 964 + "border-left", 965 + "0 solid transparent", 966 + "important" 967 + ); 968 + }); 969 + 970 + target.style.setProperty( 971 + "border-left", 972 + "3px solid "+ 973 + row.theme.accent, 974 + "important" 975 + ); 976 + 977 + target.style.setProperty( 978 + "box-sizing", 979 + "border-box", 980 + "important" 981 + ); 982 + }); 983 + }); 984 + 985 + return unique; 986 + } 987 + 988 + /* ======================================================= 989 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW 990 + ======================================================= */ 991 + 992 + function alignOverviewCards(headers){ 993 + if( 994 + PAGE_KIND!=="overview"|| 995 + window.innerWidth<=MOBILE_MAX 996 + ){ 997 + return; 998 + } 999 + 1000 + var cards=[]; 1001 + var seen=new Set(); 1002 + 1003 + headers.forEach(function(row){ 1004 + if(!seen.has(row.card)){ 1005 + seen.add(row.card); 1006 + cards.push(row.card); 1007 + } 1008 + }); 1009 + 1010 + if(cards.length<2){ 1011 + return; 1012 + } 1013 + 1014 + // Group cards by actual top position. 1015 + var groups=[]; 1016 + 1017 + cards.forEach(function(card){ 1018 + var top= 1019 + card.getBoundingClientRect().top; 1020 + 1021 + var group=null; 1022 + 1023 + for(var i=0;i<groups.length;i++){ 1024 + if( 1025 + Math.abs( 1026 + groups[i].top-top 1027 + )<=ROW_TOLERANCE 1028 + ){ 1029 + group=groups[i]; 1030 + break; 1031 + } 1032 + } 1033 + 1034 + if(!group){ 1035 + group={ 1036 + top:top, 1037 + cards:[] 1038 + }; 1039 + groups.push(group); 1040 + } 1041 + 1042 + group.cards.push(card); 1043 + }); 1044 + 1045 + groups.forEach(function(group){ 1046 + if(group.cards.length<2){ 1047 + return; 1048 + } 1049 + 1050 + var firstHeaders= 1051 + group.cards.map(function(card){ 1052 + var candidates= 1053 + headers 1054 + .filter(function(row){ 1055 + return row.card===card; 1056 + }) 1057 + .sort(function(a,b){ 1058 + return ( 1059 + a.el 1060 + .getBoundingClientRect() 1061 + .top- 1062 + b.el 1063 + .getBoundingClientRect() 1064 + .top 1065 + ); 1066 + }); 1067 + 1068 + return candidates.length 1069 + ?candidates[0] 1070 + :null; 1071 + }); 1072 + 1073 + if( 1074 + !firstHeaders.some(function(row){ 1075 + return !row; 1076 + }) 1077 + ){ 1078 + var targetTop= 1079 + Math.max.apply( 1080 + Math, 1081 + firstHeaders.map(function(row){ 1082 + return ( 1083 + row.el 1084 + .getBoundingClientRect() 1085 + .top- 1086 + row.card 1087 + .getBoundingClientRect() 1088 + .top 1089 + ); 1090 + }) 1091 + ); 1092 + 1093 + firstHeaders.forEach(function(row){ 1094 + var relativeTop= 1095 + row.el 1096 + .getBoundingClientRect() 1097 + .top- 1098 + row.card 1099 + .getBoundingClientRect() 1100 + .top; 1101 + 1102 + var delta= 1103 + targetTop-relativeTop; 1104 + 1105 + if(delta>1){ 1106 + saveStyle( 1107 + row.el, 1108 + originalMargin, 1109 + "margin-top" 1110 + ); 1111 + 1112 + var current= 1113 + num( 1114 + getComputedStyle( 1115 + row.el 1116 + ).marginTop 1117 + ); 1118 + 1119 + row.el.style.setProperty( 1120 + "margin-top", 1121 + ( 1122 + current+delta 1123 + )+"px" 1124 + ); 1125 + 1126 + row.el.setAttribute( 1127 + "data-sn-master-first-row", 1128 + "1" 1129 + ); 1130 + 1131 + managedMargin.add( 1132 + row.el 1133 + ); 1134 + } 1135 + }); 1136 + } 1137 + 1138 + var maxHeight=0; 1139 + 1140 + group.cards.forEach(function(card){ 1141 + maxHeight= 1142 + Math.max( 1143 + maxHeight, 1144 + card 1145 + .getBoundingClientRect() 1146 + .height 1147 + ); 1148 + }); 1149 + 1150 + maxHeight= 1151 + Math.ceil(maxHeight); 1152 + 1153 + group.cards.forEach(function(card){ 1154 + saveStyle( 1155 + card, 1156 + originalHeight, 1157 + "min-height" 1158 + ); 1159 + 1160 + card.style.setProperty( 1161 + "min-height", 1162 + maxHeight+"px" 1163 + ); 1164 + 1165 + card.setAttribute( 1166 + "data-sn-master-equal-height", 1167 + "1" 1168 + ); 1169 + 1170 + managedHeight.add( 1171 + card 1172 + ); 1173 + }); 1174 + }); 1175 + } 1176 + 1177 + /* ======================================================= 1178 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY 1179 + ======================================================= */ 1180 + 1181 + function equaliseDetailGrids(){ 1182 + if( 1183 + PAGE_KIND!=="detail"|| 1184 + window.innerWidth<=MOBILE_MAX 1185 + ){ 1186 + return; 1187 + } 1188 + 1189 + var selectors=[ 1190 + ".arsn-grid", 1191 + ".arsn-grid-2", 1192 + ".arsn-grid-3", 1193 + ".dmp-grid", 1194 + ".ido-grid", 1195 + ".pp-grid" 1196 + ]; 1197 + 1198 + selectors.forEach(function(selector){ 1199 + Array.from( 1200 + root.querySelectorAll(selector) 1201 + ).forEach(function(grid){ 1202 + var children= 1203 + Array.from( 1204 + grid.children||[] 1205 + ).filter(visible); 1206 + 1207 + if(children.length<2){ 1208 + return; 1209 + } 1210 + 1211 + var groups=[]; 1212 + 1213 + children.forEach(function(child){ 1214 + var top= 1215 + child 1216 + .getBoundingClientRect() 1217 + .top; 1218 + 1219 + var group=null; 1220 + 1221 + for(var i=0;i<groups.length;i++){ 1222 + if( 1223 + Math.abs( 1224 + groups[i].top-top 1225 + )<=ROW_TOLERANCE 1226 + ){ 1227 + group=groups[i]; 1228 + break; 1229 + } 1230 + } 1231 + 1232 + if(!group){ 1233 + group={ 1234 + top:top, 1235 + items:[] 1236 + }; 1237 + groups.push(group); 1238 + } 1239 + 1240 + group.items.push(child); 1241 + }); 1242 + 1243 + groups.forEach(function(group){ 1244 + if(group.items.length<2){ 1245 + return; 1246 + } 1247 + 1248 + var maxHeight=0; 1249 + 1250 + group.items.forEach(function(item){ 1251 + maxHeight= 1252 + Math.max( 1253 + maxHeight, 1254 + item 1255 + .getBoundingClientRect() 1256 + .height 1257 + ); 1258 + }); 1259 + 1260 + maxHeight= 1261 + Math.ceil(maxHeight); 1262 + 1263 + group.items.forEach(function(item){ 1264 + saveStyle( 1265 + item, 1266 + originalHeight, 1267 + "min-height" 1268 + ); 1269 + 1270 + item.style.setProperty( 1271 + "min-height", 1272 + maxHeight+"px" 1273 + ); 1274 + 1275 + item.setAttribute( 1276 + "data-sn-master-equal-height", 1277 + "1" 1278 + ); 1279 + 1280 + managedHeight.add(item); 1281 + }); 1282 + }); 1283 + }); 1284 + }); 1285 + } 1286 + 1287 + /* ======================================================= 1288 + RUN / RESPONSIVE SCHEDULING 1289 + ======================================================= */ 1290 + 1291 + function run(){ 1292 + if(running)return; 1293 + 1294 + running=true; 1295 + 1296 + try{ 1297 + resetRuntime(); 1298 + applyPlaceholderBadge(); 1299 + propagateDetailAccents(); 1300 + 1301 + var headers= 1302 + applyOverviewPalette(); 1303 + 1304 + if( 1305 + window.innerWidth> 1306 + MOBILE_MAX 1307 + ){ 1308 + alignOverviewCards( 1309 + headers 1310 + ); 1311 + 1312 + equaliseDetailGrids(); 1313 + } 1314 + }finally{ 1315 + running=false; 1316 + } 1317 + } 1318 + 1319 + function onResize(){ 1320 + if(resizeTimer){ 1321 + clearTimeout( 1322 + resizeTimer 1323 + ); 1324 + } 1325 + 1326 + resizeTimer= 1327 + setTimeout( 1328 + function(){ 1329 + resizeTimer=0; 1330 + run(); 1331 + }, 1332 + RESIZE_DEBOUNCE 1333 + ); 1334 + } 1335 + 1336 + async function waitForReady(){ 1337 + if( 1338 + document.readyState!=="complete" 1339 + ){ 1340 + await new Promise(function(resolve){ 1341 + window.addEventListener( 1342 + "load", 1343 + resolve, 1344 + {once:true} 1345 + ); 1346 + }); 1347 + } 1348 + 1349 + if( 1350 + document.fonts&& 1351 + document.fonts.ready 1352 + ){ 1353 + try{ 1354 + await document.fonts.ready; 1355 + }catch(error){} 1356 + } 1357 + 1358 + var images= 1359 + Array.from( 1360 + root.querySelectorAll("img") 1361 + ); 1362 + 1363 + await Promise.all( 1364 + images.map(function(img){ 1365 + if(img.complete){ 1366 + return Promise.resolve(); 1367 + } 1368 + 1369 + return new Promise(function(resolve){ 1370 + var done=function(){ 1371 + resolve(); 1372 + }; 1373 + 1374 + img.addEventListener( 1375 + "load", 1376 + done, 1377 + {once:true} 1378 + ); 1379 + 1380 + img.addEventListener( 1381 + "error", 1382 + done, 1383 + {once:true} 1384 + ); 1385 + }); 1386 + }) 1387 + ); 1388 + 1389 + run(); 1390 + } 1391 + 1392 + window.addEventListener( 1393 + "resize", 1394 + onResize, 1395 + {passive:true} 1396 + ); 1397 + 1398 + waitForReady(); 1399 +})(); 1400 +</script> 1401 + 1402 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END --> 1403 +{{/html}} 1404 +