Skip to Content
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 7.5
edited by Veronika Kocher
on Friday, 18 Sep 2026 16:47
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
Default language
... ... @@ -1,1 +1,0 @@
1 -en
Enforce required rights
... ... @@ -1,1 +1,1 @@
1 -true
1 +false
Content
... ... @@ -1,241 +1,1215 @@
1 +Clarify copyright, third-party rights, permissions and licensing before materials are reused, shared or published.
2 +
3 +== Overview ==
4 +
5 +Add a concise explanation of this topic and why it matters for Art & Research projects.
6 +
7 +== What you need to know ==
8 +
9 +* Key concepts
10 +* Relevant requirements
11 +* Important distinctions
12 +
13 +== What you need to do ==
14 +
15 +1. Identify what applies to your project.
16 +2. Document the relevant decisions.
17 +3. Use appropriate institutional services and support where needed.
18 +
19 +== Key questions ==
20 +
21 +* What needs to be decided?
22 +* Who is responsible?
23 +* What needs to be documented?
24 +* Are there legal, ethical or technical constraints?
25 +* What needs to happen before the next project phase?
26 +
27 +== Services & Tools ==
28 +
29 +Add links to relevant institutional services, infrastructure and tools.
30 +
31 +== Info Sheets & Checklists ==
32 +
33 +Add links to related Info Sheets, checklists and templates.
34 +
35 +== Tutorials ==
36 +
37 +
38 +{{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">COMING SOON</span>{{/html}}
39 +Add links to step-by-step tutorials for this topic.
40 +
41 +== Related Topics ==
42 +
43 +Add links to related pages in Enable, Work & Manage, and Publish & Share.
44 +
45 +== Who is responsible? ==
46 +
47 +
48 +{{info title="Service routing"}}
49 +**Primary specialist service(s):** Legal Department for binding legal questions and contracts; Publications and/or University Library for publication and licensing practice where relevant.
50 +
51 +**Role of Support Kunst und Forschung (SKF):** Coordinates funder and project requirements and routes legal questions; it is not the legal authority.
52 +{{/info}}
53 +
54 +If you are unsure which route applies, start with the service named above. For funded or project-based research where several units are involved, SKF can coordinate the project route.
55 +
56 +{{html}}
57 +<!-- ARSN_SEARCH_TERMS_START -->
58 +<details class="arsn-search-terms" style="margin-top:28px;padding-top:10px;border-top:1px solid #eee;">
59 +<summary style="cursor:pointer;color:#666;font-size:13px;">Search terms &amp; related topics</summary>
60 +<div style="margin-top:9px;color:#555;font-size:13px;">
61 +<p style="margin:0 0 8px 0;">
62 +This topic can also be found through related terms, synonyms and common search queries.
63 +Select a term to search the Art &amp; Research Services Navigator.
64 +</p>
65 +<p style="margin:0;"><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=art%20and%20research#arsn-search-input" class="arsn-search-term" data-search-term="art and research" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">art and research</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=enable#arsn-search-input" class="arsn-search-term" data-search-term="enable" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">enable</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=copyright#arsn-search-input" class="arsn-search-term" data-search-term="copyright" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">copyright</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=rights#arsn-search-input" class="arsn-search-term" data-search-term="rights" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">rights</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=licensing#arsn-search-input" class="arsn-search-term" data-search-term="licensing" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">licensing</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=licences#arsn-search-input" class="arsn-search-term" data-search-term="licences" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">licences</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=third-party%20rights#arsn-search-input" class="arsn-search-term" data-search-term="third-party rights" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">third-party rights</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=creative%20commons#arsn-search-input" class="arsn-search-term" data-search-term="creative commons" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">creative commons</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=permissions#arsn-search-input" class="arsn-search-term" data-search-term="permissions" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">permissions</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=urheberrecht#arsn-search-input" class="arsn-search-term" data-search-term="urheberrecht" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">urheberrecht</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=rights%20clearance#arsn-search-input" class="arsn-search-term" data-search-term="rights clearance" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">rights clearance</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=cc%20licence#arsn-search-input" class="arsn-search-term" data-search-term="cc licence" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">cc licence</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=cc%20license#arsn-search-input" class="arsn-search-term" data-search-term="cc license" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">cc license</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=usage%20rights#arsn-search-input" class="arsn-search-term" data-search-term="usage rights" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">usage rights</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=nutzungsrechte#arsn-search-input" class="arsn-search-term" data-search-term="nutzungsrechte" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">nutzungsrechte</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=rechtekl%C3%A4rung#arsn-search-input" class="arsn-search-term" data-search-term="rechteklärung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">rechteklärung</a></p>
66 +</div>
67 +</details>
68 +<!-- ARSN_SEARCH_TERMS_END -->
69 +{{/html}}
70 +
1 1  {{html clean="false"}}
72 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
2 2  
3 -<style>
4 -.crl{max-width:1400px;margin:0 auto;color:#322f2b}
5 -.crl *{box-sizing:border-box}
6 -.crl-card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)}
7 -.crl-hero{height:132px;overflow:hidden;background:#f1eee9;border-radius:11px 11px 0 0}
8 -.crl-hero img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
9 -.crl-eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
10 -.crl-sec{margin:0 0 27px 0}
11 -.crl-sec h3{font-size:22px;line-height:1.25;margin:0 0 7px;color:#35312d;text-align:left!important;text-align-last:left!important;text-justify:auto!important;word-spacing:normal!important}
12 -.crl-sec>p{color:#625d56;line-height:1.58;margin:0 0 13px}
13 -.crl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px}
14 -.crl-grid-2{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:12px}
15 -.crl-info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68;line-height:1.5}
16 -.crl-info strong{color:#2d5661}
17 -.crl-rights{padding:15px 17px;border:1px solid #ecdba3;border-left:5px solid #f0aa00;background:#fff8e7;border-radius:8px;color:#675a35;line-height:1.5}
18 -.crl-rights strong{color:#705416}
19 -.crl-warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e;line-height:1.5}
20 -.crl-warn strong{color:#744531}
21 -.crl-check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5}
22 -.crl-check:before{content:"✓";position:absolute;left:13px;top:10px;color:#f0aa00;font-weight:800}
23 -.crl-step{position:relative;padding:13px 14px 13px 50px;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;min-height:76px}
24 -.crl-step .n{position:absolute;left:13px;top:13px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3d5;color:#765812;font-weight:800;font-size:12px}
25 -.crl-step h4{margin:0 0 4px;font-size:16px;line-height:1.3;color:#3b352e;text-align:left!important;text-align-last:left!important;text-justify:auto!important;word-spacing:normal!important}
26 -.crl-step p{margin:0;color:#625d56;line-height:1.45}
27 -.crl-scenario{padding:14px 15px;border:1px solid #e3ded6;border-top:4px solid #f0aa00;border-radius:9px;background:#fcfbf8}
28 -.crl-scenario h4{margin:0 0 6px;font-size:16px;color:#3e372e;text-align:left!important;word-spacing:normal!important}
29 -.crl-scenario p{margin:0;color:#625d56;line-height:1.5}
30 -.crl-table-wrap{overflow-x:auto;border:1px solid #e3ded6;border-radius:8px}
31 -.crl-table{width:100%;border-collapse:collapse;background:#fffdf9;min-width:920px}
32 -.crl-table th,.crl-table td{padding:10px 11px;border-bottom:1px solid #e3ded6;vertical-align:top;text-align:left;line-height:1.4}
33 -.crl-table th{background:#f3efe8;color:#403b36;font-weight:700}
34 -.crl-table tr:last-child td{border-bottom:0}
35 -.crl-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
36 -.crl-service{display:block;padding:13px 14px;border:1px solid #e3ded6;border-left:4px solid #f0aa00;border-radius:8px;background:#fcfbf8;color:#2f2b27;text-decoration:none}
37 -.crl-service:hover,.crl-service:focus{background:#fffdf9;text-decoration:none}
38 -.crl-service strong{display:block;margin-bottom:4px}
39 -.crl-service span{display:block;color:#625d56;line-height:1.45;font-weight:400}
40 -.crl-linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
41 -.crl-navlink{display:block;padding:10px 11px;border:1px solid #e9e4dc;border-left:3px solid #f0aa00;border-radius:6px;background:#fffdf9;color:#252321;text-decoration:none;font-weight:600;line-height:1.35}
42 -.crl-navlink:hover,.crl-navlink:focus{background:#fffaf0;text-decoration:none}
43 -.crl-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
44 -.crl-resource{padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:9px}
45 -.crl-resource strong{display:block;color:#4c4130;margin-bottom:4px}
46 -.crl-badge{display:inline-block;margin:5px 0 7px;padding:4px 8px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.055em;line-height:1.2}
47 -.crl-chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px;text-decoration:none}
48 -.crl h1,.crl h2,.crl h3,.crl h4,.crl h5,.crl h6,.crl h1 a,.crl h2 a,.crl h3 a,.crl h4 a,.crl h5 a,.crl h6 a{text-align:left!important;text-align-last:left!important;text-justify:auto!important;word-spacing:normal!important}
49 -@media(max-width:850px){.crl-grid-2,.crl-resource-grid{grid-template-columns:1fr}}
50 -@media(max-width:680px){.crl-hero{height:105px}.crl-sec h3{font-size:20px}}
74 +<style data-sn-service-navigator-master="1">
75 +/* =========================================================
76 + MASTER TYPOGRAPHY
77 + ========================================================= */
78 +#xwikicontent h1,
79 +#xwikicontent h2,
80 +#xwikicontent h3,
81 +#xwikicontent h4,
82 +#xwikicontent h5,
83 +#xwikicontent h6,
84 +#xwikicontent .box-title,
85 +#xwikicontent [role="heading"],
86 +#xwikicontent h1 a,
87 +#xwikicontent h2 a,
88 +#xwikicontent h3 a,
89 +#xwikicontent h4 a,
90 +#xwikicontent h5 a,
91 +#xwikicontent h6 a,
92 +#xwikicontent .box-title a,
93 +#xwikicontent [role="heading"] a{
94 + text-align:left!important;
95 + text-justify:auto!important;
96 + word-spacing:normal!important;
97 +}
98 +
99 +/* =========================================================
100 + COMING SOON / IN VORBEREITUNG
101 + ========================================================= */
102 +.sn-coming-soon-badge{
103 + display:inline-block;
104 + vertical-align:middle;
105 + margin-left:10px;
106 + padding:4px 8px;
107 + border-radius:14px;
108 + border:1px solid #efd9cc;
109 + background:#fff4ee;
110 + color:#8a4d36;
111 + font-size:11px;
112 + font-weight:700;
113 + letter-spacing:.055em;
114 + line-height:1.2;
115 + white-space:nowrap;
116 +}
117 +
118 +/* =========================================================
119 + NATIVE / DETAIL CALLOUT GEOMETRY
120 + Preserve existing backgrounds.
121 + ========================================================= */
122 +#xwikicontent .arsn-info,
123 +#xwikicontent .dmp-info,
124 +#xwikicontent .ido-info,
125 +#xwikicontent .pp-info,
126 +#xwikicontent .infomessage{
127 + box-sizing:border-box!important;
128 + border-left:4px solid #21b6d7!important;
129 + border-radius:8px;
130 + text-align:left!important;
131 + word-spacing:normal!important;
132 +}
133 +
134 +#xwikicontent .arsn-warn,
135 +#xwikicontent .dmp-warn,
136 +#xwikicontent .ido-warn,
137 +#xwikicontent .pp-warn,
138 +#xwikicontent .warn,
139 +#xwikicontent .warning,
140 +#xwikicontent .warningmessage,
141 +#xwikicontent .errormessage{
142 + box-sizing:border-box!important;
143 + border-left:4px solid #e94b13!important;
144 + border-radius:8px;
145 + text-align:left!important;
146 + word-spacing:normal!important;
147 +}
148 +
149 +[data-sn-master-equal-height],
150 +[data-sn-master-first-row]{
151 + box-sizing:border-box;
152 +}
51 51  </style>
52 52  
53 -<div class="crl">
155 +<script data-sn-service-navigator-master="1">
156 +(function(){
157 + "use strict";
54 54  
55 -<section class="crl-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #f0aa00;">
56 - <div class="crl-hero">
57 - <img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Copyright, rights and licences in artistic and research projects" />
58 - </div>
59 - <div style="padding:18px 21px 20px;">
60 - <div class="crl-eye" style="color:#7a5b12;margin-bottom:5px;">PREPARE · PROTECT &amp; CLARIFY</div>
61 - <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926;">Clarify rights early — so that use, publication and reuse remain possible later</h2>
62 - <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1160px;">
63 - Copyright, third-party rights, permissions, contracts and licences determine what you can do with texts, images, music, film, software, data, documentation and artistic works.
64 - Do not postpone rights clearance until just before publication or exhibition; connect it to the intended use from the start.
65 - </p>
66 - </div>
67 -</section>
159 + var PAGE_KIND="detail";
160 + var PLACEHOLDER=true;
161 + var PLACEHOLDER_LABEL="COMING SOON";
68 68  
69 -<div class="crl-info" style="margin-bottom:14px;">
70 - <strong>Start from the intended use.</strong>
71 - The same file can raise different rights questions depending on whether it is analysed internally, shown in an exhibition, published online, deposited in a repository, adapted or distributed under an open licence.
72 -</div>
163 + var MOBILE_MAX=767;
164 + var ROW_TOLERANCE=6;
165 + var RESIZE_DEBOUNCE=220;
73 73  
74 -<div class="crl-warn" style="margin-bottom:27px;">
75 - <strong>Planning guidance — not binding legal advice.</strong>
76 - This page helps you identify and document rights questions early. Binding legal assessments, contract questions and unclear chains of rights should be referred to the Legal Department or the appropriate specialist service.
77 -</div>
167 + var root=
168 + document.getElementById("xwikicontent")||
169 + document.querySelector(".xwiki-rendering-content")||
170 + document.querySelector("main")||
171 + document.body;
78 78  
79 -<section class="crl-sec">
80 - <div class="crl-eye" style="color:#8a4d36;margin-bottom:4px;">STEP 1 · CREATE A RIGHTS INVENTORY</div>
81 - <h3>Connect rights to a specific use, not only to a document</h3>
82 - <p>For each important material or output, record at least where it came from, who is involved and what you intend to do with it.</p>
83 - <div class="crl-grid">
84 - <div class="crl-check"><strong>Material / output:</strong> What exactly is being used — text, image, video, sound, code, dataset, artwork, documentation or another type?</div>
85 - <div class="crl-check"><strong>Source:</strong> Where did it come from and under what conditions was it obtained, created or received?</div>
86 - <div class="crl-check"><strong>Rights holders:</strong> Who created the material and who holds or administers the relevant rights?</div>
87 - <div class="crl-check"><strong>Intended use:</strong> internal use, analysis, adaptation, exhibition, publication, website, streaming, repository, teaching or reuse?</div>
88 - <div class="crl-check"><strong>Permission / licence:</strong> Which contractual, statutory or licence-based basis permits the intended use?</div>
89 - <div class="crl-check"><strong>Limits:</strong> Are there restrictions concerning medium, territory, duration, adaptation, sublicensing, access or audience?</div>
90 - <div class="crl-check"><strong>Evidence:</strong> Where are the contract, licence text, permission email, consent form or other records stored?</div>
91 - <div class="crl-check"><strong>Review point:</strong> When should the rights decision be checked again — for example before publication, exhibition or project closure?</div>
92 - </div>
93 -</section>
173 + if(!root)return;
94 94  
95 -<section class="crl-sec">
96 - <div class="crl-eye" style="color:#7a5b12;margin-bottom:4px;">KEY DISTINCTIONS</div>
97 - <h3>These concepts are not interchangeable</h3>
98 - <div class="crl-grid">
99 - <div class="crl-rights"><strong>Owning an object ≠ owning copyright.</strong><br>Possessing a physical work, book, photograph or storage medium does not automatically give permission to reproduce, publish or license it.</div>
100 - <div class="crl-rights"><strong>Credit / citation ≠ permission.</strong><br>Correct attribution is important, but it does not automatically replace a required permission to use the material.</div>
101 - <div class="crl-rights"><strong>A participant's consent ≠ rights in all content.</strong><br>Participation, image rights, data protection and copyright can all be relevant at the same time and need separate consideration.</div>
102 - <div class="crl-rights"><strong>Licence ≠ transfer of all rights.</strong><br>A licence permits specified uses under defined conditions; it does not automatically mean that every right has been transferred.</div>
103 - <div class="crl-rights"><strong>Available online ≠ free to reuse.</strong><br>Public access or downloadability does not itself establish permission to adapt, republish or redistribute material.</div>
104 - <div class="crl-rights"><strong>Open licence ≠ rights clearance.</strong><br>You can only apply Creative Commons or another open licence to rights that you or the project are actually authorised to license.</div>
105 - </div>
106 -</section>
175 + var managedHeight=new Set();
176 + var managedMargin=new Set();
177 + var originalHeight=new WeakMap();
178 + var originalMargin=new WeakMap();
107 107  
108 -<section class="crl-sec">
109 - <div class="crl-eye" style="color:#8a4d36;margin-bottom:4px;">STEP 2 · PRACTICAL WORKFLOW</div>
110 - <h3>Make rights clearance part of the project workflow</h3>
111 - <div class="crl-grid">
112 - <div class="crl-step"><div class="n">01</div><h4>Describe the intended use</h4><p>State clearly what you want to do with the material and through which channels it should be accessible.</p></div>
113 - <div class="crl-step"><div class="n">02</div><h4>Mark third-party material</h4><p>Keep your own material, contributions from project partners and external third-party content visibly distinct.</p></div>
114 - <div class="crl-step"><div class="n">03</div><h4>Check the chain of rights</h4><p>Identify creators, rights holders, contractual responsibilities and existing licences or terms of use.</p></div>
115 - <div class="crl-step"><div class="n">04</div><h4>Obtain missing permissions</h4><p>Secure permissions early and, where possible, make sure they explicitly cover the uses you actually plan.</p></div>
116 - <div class="crl-step"><div class="n">05</div><h4>Store evidence with the material</h4><p>Link rights documentation to the files, objects or datasets to which it applies.</p></div>
117 - <div class="crl-step"><div class="n">06</div><h4>Choose a licence for your own output</h4><p>Only after the rights chain is clear should you decide whether and under what conditions your own outputs may be reused.</p></div>
118 - <div class="crl-step"><div class="n">07</div><h4>Recheck before release</h4><p>Confirm rights, credits, consent, platform conditions and access model before exhibition, upload, repository deposit or publication.</p></div>
119 - <div class="crl-step"><div class="n">08</div><h4>Record changes</h4><p>Update the rights documentation when new materials, partners, media, platforms or publication formats are introduced.</p></div>
120 - </div>
121 -</section>
180 + var resizeTimer=0;
181 + var running=false;
122 122  
123 -<section class="crl-sec">
124 - <div class="crl-eye" style="color:#7a5b12;margin-bottom:4px;">COMMON SCENARIOS</div>
125 - <h3>These materials often involve several rights questions at once</h3>
126 - <div class="crl-grid">
127 - <div class="crl-scenario"><h4>Images, artworks &amp; reproductions</h4><p>Check copyright, reproduction rights, collection or contractual conditions, credits and the specific publication or exhibition use.</p></div>
128 - <div class="crl-scenario"><h4>Music, sound, film &amp; audiovisual media</h4><p>Composition, recording, performance, visual material and contributors can involve different rights or permissions. Clarify media and distribution routes early.</p></div>
129 - <div class="crl-scenario"><h4>Interviews, portraits &amp; participatory work</h4><p>Copyright, personality rights, consent, data protection and agreed forms of publication may all be relevant alongside each other.</p></div>
130 - <div class="crl-scenario"><h4>Software, code, data &amp; digital resources</h4><p>Check licence terms, dependencies, data sources, platform conditions and whether your intended outputs are compatible with the terms of incorporated components.</p></div>
131 - <div class="crl-scenario"><h4>Archives, collections &amp; found material</h4><p>Access to an object or scan does not automatically include a right to publish it. Record collection conditions, rights information and required permissions.</p></div>
132 - <div class="crl-scenario"><h4>Commissioned work &amp; external contributions</h4><p>Record in writing what is being delivered, which uses are permitted, which credits apply and what may be reused after the project ends.</p></div>
133 - </div>
134 -</section>
183 + var THEMES=[
184 + {
185 + name:"BLUE",
186 + accent:"#21b6d7",
187 + bg:"#eaf7fb",
188 + text:"#315d68",
189 + labels:[
190 + "HIER STARTEN",
191 + "ENTSCHEIDEN",
192 + "ÜBERPRÜFEN & ANPASSEN",
193 + "START HERE",
194 + "DECIDE",
195 + "REVIEW & ADAPT"
196 + ]
197 + },
198 + {
199 + name:"RED",
200 + accent:"#e94b13",
201 + bg:"#fff1ec",
202 + text:"#8a4d36",
203 + labels:[
204 + "PLANEN & ORGANISIEREN",
205 + "ORGANISIEREN & DOKUMENTIEREN",
206 + "PUBLIZIEREN & PRÄSENTIEREN",
207 + "PLAN & ORGANISE",
208 + "PLAN & ORGANIZE",
209 + "ORGANISE & DOCUMENT",
210 + "ORGANIZE & DOCUMENT",
211 + "PUBLISH & PRESENT"
212 + ]
213 + },
214 + {
215 + name:"YELLOW",
216 + accent:"#f0aa00",
217 + bg:"#fff8e7",
218 + text:"#785b17",
219 + labels:[
220 + "SCHÜTZEN & KLÄREN",
221 + "STANDARDISIEREN & IDENTIFIZIEREN",
222 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
223 + "PROTECT & CLARIFY",
224 + "STANDARDISE & IDENTIFY",
225 + "STANDARDIZE & IDENTIFY",
226 + "OPEN, REUSE & MAKE FINDABLE"
227 + ]
228 + },
229 + {
230 + name:"GREEN",
231 + accent:"#38b76a",
232 + bg:"#edf9f1",
233 + text:"#3f7451",
234 + labels:[
235 + "INFRASTRUKTUR EINRICHTEN",
236 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
237 + "SPEICHERN & ZUGRIFF STEUERN",
238 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
239 + "SET UP INFRASTRUCTURE",
240 + "SET UP INFRASTRUCTURE & COLLABORATION",
241 + "STORE & CONTROL ACCESS",
242 + "REPOSITORY, PRESERVE & HAND OVER"
243 + ]
244 + }
245 + ];
135 135  
136 -<section class="crl-sec">
137 - <div class="crl-eye" style="color:#8a4d36;margin-bottom:4px;">STEP 3 · KEEP A RIGHTS RECORD</div>
138 - <h3>A simple rights log prevents decisions from disappearing</h3>
139 - <p>The rights log can be part of your material inventory, DMP or project folder. The important point is that it remains findable together with the materials it governs.</p>
140 - <div class="crl-table-wrap">
141 - <table class="crl-table">
142 - <thead><tr><th>Field</th><th>What to record</th><th>Why it matters</th></tr></thead>
143 - <tbody>
144 - <tr><td><strong>Material / ID</strong></td><td>Clear name, file path, object or inventory number.</td><td>Connects rights information to the correct material.</td></tr>
145 - <tr><td><strong>Source &amp; creator</strong></td><td>Origin, author/artist, collection, platform or project partner.</td><td>Makes the chain of rights traceable.</td></tr>
146 - <tr><td><strong>Rights holder / contact</strong></td><td>Person or organisation able to authorise the relevant use.</td><td>Shows who must be contacted again if the use changes.</td></tr>
147 - <tr><td><strong>Intended use</strong></td><td>Medium, channel, adaptation, territory, duration, audience and access level.</td><td>Rights decisions always relate to concrete uses.</td></tr>
148 - <tr><td><strong>Licence / permission</strong></td><td>Licence type, contract, consent, permission or another legal basis.</td><td>Records why the planned use is considered permissible.</td></tr>
149 - <tr><td><strong>Restrictions</strong></td><td>Credits, embargo, no-derivatives condition, time/territory limits or platform requirements.</td><td>Prevents unauthorised downstream or future uses.</td></tr>
150 - <tr><td><strong>Evidence</strong></td><td>Path or link to contract, licence text, email or signed form.</td><td>Keeps the decision verifiable beyond the project period.</td></tr>
151 - <tr><td><strong>Review</strong></td><td>Date or event for rechecking, such as publication or project closure.</td><td>Prevents an old permission from being assumed to cover a new use.</td></tr>
152 - </tbody>
153 - </table>
154 - </div>
155 -</section>
247 + function num(value){
248 + var n=parseFloat(value);
249 + return Number.isFinite(n)?n:0;
250 + }
156 156  
157 -<section class="crl-sec">
158 - <div class="crl-eye" style="color:#8a4d36;margin-bottom:4px;">STOP &amp; CHECK</div>
159 - <h3>Common warning signs in rights and licensing</h3>
160 - <div class="crl-grid">
161 - <div class="crl-warn"><strong>"It's on the internet, so we can use it."</strong><br>Public availability is not automatic permission to reuse material.</div>
162 - <div class="crl-warn"><strong>"We will credit the source, so that is enough."</strong><br>Credit and rights clearance serve different purposes.</div>
163 - <div class="crl-warn"><strong>Permission without a defined use.</strong><br>A broad approval can become unclear when online publication, adaptation, streaming or repository deposit is added later.</div>
164 - <div class="crl-warn"><strong>An open licence is chosen before third-party rights are cleared.</strong><br>An open licence must not promise rights that the project does not control.</div>
165 - <div class="crl-warn"><strong>Rights evidence exists only in one person's mailbox.</strong><br>Permissions should be documented in the project and remain findable at handover.</div>
166 - <div class="crl-warn"><strong>New platform or new use, but no new review.</strong><br>Platforms, media, audiences or adaptations can create additional rights questions.</div>
167 - </div>
168 -</section>
252 + function norm(value){
253 + return String(value||"")
254 + .replace(/\s+/g," ")
255 + .trim()
256 + .toUpperCase();
257 + }
169 169  
170 -<section class="crl-sec">
171 - <div class="crl-eye" style="color:#7a5b12;margin-bottom:4px;">SERVICES &amp; SUPPORT</div>
172 - <h3>Who to involve at the Angewandte</h3>
173 - <div class="crl-service-grid">
174 - <a class="crl-service" href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/rechtsabteilung" target="_blank" rel="noopener">
175 - <strong>Legal Department ↗</strong>
176 - <span>For binding legal questions, contract review, chains of rights and complex or unclear uses. Contact: rechtsabteilung@uni-ak.ac.at</span>
177 - </a>
178 - <a class="crl-service" href="https://www.dieangewandte.at/university_library" target="_blank" rel="noopener">
179 - <strong>University Library ↗</strong>
180 - <span>For publication practice, information resources and questions related to repository workflows, metadata and publication documentation.</span>
181 - </a>
182 - <a class="crl-service" href="https://phaidra.bibliothek.uni-ak.ac.at/" target="_blank" rel="noopener">
183 - <strong>Angewandte Repository ↗</strong>
184 - <span>For deposit and publication routes, metadata and access models for suitable digital outputs. Contact: repositorium@uni-ak.ac.at</span>
185 - </a>
186 - <a class="crl-service" href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">
187 - <strong>Support Art &amp; Research ↗</strong>
188 - <span>For project and funder requirements and for coordinating the project route where rights questions interact with grant conditions, deliverables, partners or publication obligations.</span>
189 - </a>
190 - </div>
191 -</section>
259 + function visible(el){
260 + if(!el||el.nodeType!==1)return false;
192 192  
193 -<section class="crl-sec">
194 - <div class="crl-eye" style="color:#8a4d36;margin-bottom:4px;">RELATED TOPICS</div>
195 - <h3>Rights questions are often connected to these decisions</h3>
196 - <div class="crl-linkgrid">
197 - <a class="crl-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">Data Protection &amp; Ethics</a>
198 - <a class="crl-navlink" 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 &amp; Research Outputs</a>
199 - <a class="crl-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">Plan Your Data Management</a>
200 - <a class="crl-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/Document%20Metadata%20%26%20Provenance/">Document Processes, Metadata &amp; Provenance</a>
201 - <a class="crl-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/Decide%20What%20to%20Share/">Decide What to Share</a>
202 - <a class="crl-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/Manage%20Access%2C%20Reuse%20%26%20Licensing/">Manage Access, Reuse &amp; Licensing</a>
203 - </div>
204 -</section>
262 + var style=getComputedStyle(el);
263 + var rect=el.getBoundingClientRect();
205 205  
206 -<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
207 -<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
208 - <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
209 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING &amp; WORKSHOPS</div>
210 - <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops &amp; consultation sessions</h3>
211 - <p style="margin:0 0 10px;color:#5e5953;line-height:1.55;">Relevant opportunities for this topic will be shown here automatically from the central calendar.</p>
212 - <span data-arsn-coming-soon="true" style="display:inline-block;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">COMING SOON</span>
213 - </div>
214 -</section>
215 -<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
265 + return (
266 + style.display!=="none"&&
267 + style.visibility!=="hidden"&&
268 + rect.width>20&&
269 + rect.height>4
270 + );
271 + }
216 216  
217 -<section class="crl-sec">
218 - <div class="crl-eye" style="color:#8a4d36;margin-bottom:4px;">PRACTICAL RESOURCES</div>
219 - <h3>Info sheets, tutorials and templates</h3>
220 - <div class="crl-resource-grid">
221 - <div class="crl-resource"><strong>Info Sheets</strong><span class="crl-badge">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Short guidance on copyright, Creative Commons, image/media rights and rights clearance.</div></div>
222 - <div class="crl-resource"><strong>Tutorials</strong><span class="crl-badge">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Step-by-step workflows for rights inventories, permissions, credits and licence selection.</div></div>
223 - <div class="crl-resource"><strong>Checklists &amp; Templates</strong><span class="crl-badge">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Templates for a rights log, permissions, publication checks and project handover.</div></div>
224 - </div>
225 -</section>
273 + function saveStyle(el,map,property){
274 + if(map.has(el))return;
226 226  
227 -<div class="crl-info" style="margin-bottom:14px;">
228 - <strong>Need help deciding where to start?</strong>
229 - For binding legal questions, start with the Legal Department. If the rights question is part of a funded or project-based activity, Support Art &amp; Research can help coordinate the appropriate specialist service and project route.
230 -</div>
276 + map.set(el,{
277 + value:el.style.getPropertyValue(property),
278 + priority:el.style.getPropertyPriority(property)
279 + });
280 + }
231 231  
232 -<details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6;">
233 - <summary style="cursor:pointer;color:#6a655e;font-size:13px;">Search terms &amp; related topics</summary>
234 - <div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7;">
235 - copyright · third-party rights · permissions · licence · licensing · Creative Commons · CC BY · open licence · open content · rights holder · author · artist rights · image rights · photography rights · music rights · film rights · sound recording · performance · reproduction · publication right · online publication · streaming · exhibition · repository · consent · personality rights · data protection · interview · portrait · credits · attribution · citation · contract · permission · clearance · chain of rights · software licence · open source · data reuse · archival material · collections · embargo · reuse
236 - </div>
237 -</details>
282 + function restoreStyle(el,map,property){
283 + var original=map.get(el);
238 238  
239 -</div>
285 + if(original&&original.value){
286 + el.style.setProperty(
287 + property,
288 + original.value,
289 + original.priority||""
290 + );
291 + }else{
292 + el.style.removeProperty(property);
293 + }
294 + }
295 +
296 + function resetRuntime(){
297 + managedHeight.forEach(function(el){
298 + restoreStyle(
299 + el,
300 + originalHeight,
301 + "min-height"
302 + );
303 + el.removeAttribute(
304 + "data-sn-master-equal-height"
305 + );
306 + });
307 +
308 + managedMargin.forEach(function(el){
309 + restoreStyle(
310 + el,
311 + originalMargin,
312 + "margin-top"
313 + );
314 + el.removeAttribute(
315 + "data-sn-master-first-row"
316 + );
317 + });
318 +
319 + managedHeight.clear();
320 + managedMargin.clear();
321 + }
322 +
323 + function themeFor(text){
324 + var value=norm(text);
325 +
326 + for(var i=0;i<THEMES.length;i++){
327 + for(var j=0;j<THEMES[i].labels.length;j++){
328 + var label=THEMES[i].labels[j];
329 +
330 + if(
331 + value===label||
332 + value.indexOf(label+" ")===0||
333 + value.indexOf(label+" -")===0||
334 + value.indexOf(label+" ·")===0
335 + ){
336 + return THEMES[i];
337 + }
338 + }
339 + }
340 +
341 + return null;
342 + }
343 +
344 + /* =======================================================
345 + PLACEHOLDER BADGE
346 + ======================================================= */
347 +
348 + function applyPlaceholderBadge(){
349 + if(!PLACEHOLDER)return;
350 +
351 + if(
352 + document.querySelector(
353 + ".sn-coming-soon-badge"
354 + )
355 + ){
356 + return;
357 + }
358 +
359 + var title=
360 + document.querySelector(
361 + "#document-title"
362 + )||
363 + document.querySelector(
364 + "h1"
365 + );
366 +
367 + if(!title)return;
368 +
369 + var badge=
370 + document.createElement(
371 + "span"
372 + );
373 +
374 + badge.className=
375 + "sn-coming-soon-badge";
376 +
377 + badge.textContent=
378 + PLACEHOLDER_LABEL;
379 +
380 + badge.setAttribute(
381 + "aria-label",
382 + PLACEHOLDER_LABEL
383 + );
384 +
385 + title.appendChild(
386 + badge
387 + );
388 + }
389 +
390 + /* =======================================================
391 + DETAIL PAGE OWN-ACCENT PROPAGATION
392 + ======================================================= */
393 +
394 + function parseRGB(value){
395 + var match=String(value||"").match(
396 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
397 + );
398 +
399 + if(!match)return null;
400 +
401 + return [
402 + Number(match[1]),
403 + Number(match[2]),
404 + Number(match[3])
405 + ];
406 + }
407 +
408 + function distance(a,b){
409 + return Math.sqrt(
410 + Math.pow(a[0]-b[0],2)+
411 + Math.pow(a[1]-b[1],2)+
412 + Math.pow(a[2]-b[2],2)
413 + );
414 + }
415 +
416 + function paletteMatch(cssColor){
417 + var rgb=parseRGB(cssColor);
418 +
419 + if(!rgb)return null;
420 +
421 + var palette=[
422 + {hex:"#21b6d7",rgb:[33,182,215]},
423 + {hex:"#e94b13",rgb:[233,75,19]},
424 + {hex:"#f0aa00",rgb:[240,170,0]},
425 + {hex:"#38b76a",rgb:[56,183,106]}
426 + ];
427 +
428 + var best=null;
429 + var bestDistance=Infinity;
430 +
431 + palette.forEach(function(item){
432 + var d=distance(rgb,item.rgb);
433 +
434 + if(d<bestDistance){
435 + best=item;
436 + bestDistance=d;
437 + }
438 + });
439 +
440 + return bestDistance<=30
441 + ?best
442 + :null;
443 + }
444 +
445 + function propagateDetailAccents(){
446 + if(PAGE_KIND!=="detail")return;
447 +
448 + Array.from(
449 + root.querySelectorAll(
450 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
451 + ".arsn-source,.dmp-source,.ido-source,.pp-source"
452 + )
453 + ).forEach(function(el){
454 + if(!visible(el))return;
455 +
456 + var style=getComputedStyle(el);
457 +
458 + if(
459 + num(style.borderTopWidth)>=2
460 + ){
461 + var match=
462 + paletteMatch(
463 + style.borderTopColor
464 + );
465 +
466 + if(match){
467 + el.style.setProperty(
468 + "border-left",
469 + "4px solid "+match.hex,
470 + "important"
471 + );
472 + }
473 + }
474 + });
475 +
476 + // Warning families: explicit safety override.
477 + Array.from(
478 + root.querySelectorAll(
479 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
480 + ".warn,.warning,.warningmessage,.errormessage"
481 + )
482 + ).forEach(function(el){
483 + if(!visible(el))return;
484 +
485 + el.style.setProperty(
486 + "border-left",
487 + "4px solid #e94b13",
488 + "important"
489 + );
490 + });
491 +
492 + // Info families: explicit orientation override.
493 + Array.from(
494 + root.querySelectorAll(
495 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
496 + )
497 + ).forEach(function(el){
498 + if(!visible(el))return;
499 +
500 + el.style.setProperty(
501 + "border-left",
502 + "4px solid #21b6d7",
503 + "important"
504 + );
505 + });
506 + }
507 +
508 + /* =======================================================
509 + OVERVIEW SEMANTIC THEME PALETTE
510 + ======================================================= */
511 +
512 + function smallestThemeHeaders(){
513 + return Array.from(
514 + root.querySelectorAll(
515 + "div,span,p,strong,h3,h4,h5,h6"
516 + )
517 + ).filter(function(el){
518 + if(!visible(el))return false;
519 + if(!themeFor(el.textContent))return false;
520 +
521 + return !Array.from(
522 + el.children||[]
523 + ).some(function(child){
524 + return !!themeFor(
525 + child.textContent
526 + );
527 + });
528 + });
529 + }
530 +
531 + function findOverviewCard(header){
532 + var node=header.parentElement;
533 + var candidates=[];
534 +
535 + while(node&&node!==root){
536 + var rect=node.getBoundingClientRect();
537 + var style=getComputedStyle(node);
538 +
539 + var border=
540 + num(style.borderTopWidth)+
541 + num(style.borderRightWidth)+
542 + num(style.borderBottomWidth)+
543 + num(style.borderLeftWidth);
544 +
545 + if(
546 + rect.width>=220&&
547 + rect.width<=800&&
548 + rect.height>=120&&
549 + border>=1
550 + ){
551 + candidates.push(node);
552 + }
553 +
554 + node=node.parentElement;
555 + }
556 +
557 + if(!candidates.length)return null;
558 +
559 + candidates.sort(function(a,b){
560 + return (
561 + b.getBoundingClientRect().height-
562 + a.getBoundingClientRect().height
563 + );
564 + });
565 +
566 + return candidates[0];
567 + }
568 +
569 + function rowCandidates(link,card){
570 + var result=[];
571 + var cardRect=
572 + card.getBoundingClientRect();
573 +
574 + var node=link;
575 +
576 + while(node&&node!==card){
577 + if(visible(node)){
578 + var rect=
579 + node.getBoundingClientRect();
580 +
581 + if(
582 + rect.height<=105&&
583 + rect.width>=
584 + cardRect.width*.50&&
585 + rect.width<=
586 + cardRect.width*1.03
587 + ){
588 + result.push(node);
589 + }
590 + }
591 +
592 + node=node.parentElement;
593 + }
594 +
595 + return result;
596 + }
597 +
598 + function chooseOuterRow(
599 + candidates,
600 + link
601 + ){
602 + if(!candidates.length){
603 + return link;
604 + }
605 +
606 + var bordered=
607 + candidates.filter(function(el){
608 + return (
609 + num(
610 + getComputedStyle(el)
611 + .borderLeftWidth
612 + )>=1
613 + );
614 + });
615 +
616 + var pool=
617 + bordered.length
618 + ?bordered
619 + :candidates;
620 +
621 + pool.sort(function(a,b){
622 + var ar=
623 + a.getBoundingClientRect();
624 +
625 + var br=
626 + b.getBoundingClientRect();
627 +
628 + return (
629 + ar.left-br.left||
630 + br.width-ar.width
631 + );
632 + });
633 +
634 + return pool[0]||link;
635 + }
636 +
637 + function applyOverviewPalette(){
638 + if(PAGE_KIND!=="overview"){
639 + return [];
640 + }
641 +
642 + var headers=
643 + smallestThemeHeaders()
644 + .map(function(el){
645 + return {
646 + el:el,
647 + theme:
648 + themeFor(
649 + el.textContent
650 + ),
651 + card:
652 + findOverviewCard(
653 + el
654 + )
655 + };
656 + })
657 + .filter(function(row){
658 + return !!row.card;
659 + });
660 +
661 + var unique=[];
662 + var seenHeaders=new Set();
663 +
664 + headers.forEach(function(row){
665 + var key=
666 + row.theme.name+
667 + "|"+
668 + Math.round(
669 + row.card
670 + .getBoundingClientRect()
671 + .left
672 + )+
673 + "|"+
674 + Math.round(
675 + row.el
676 + .getBoundingClientRect()
677 + .top
678 + );
679 +
680 + if(!seenHeaders.has(key)){
681 + seenHeaders.add(key);
682 + unique.push(row);
683 + }
684 + });
685 +
686 + unique.forEach(function(row){
687 + var headerRect=
688 + row.el
689 + .getBoundingClientRect();
690 +
691 + row.el.style.setProperty(
692 + "background",
693 + row.theme.bg,
694 + "important"
695 + );
696 +
697 + row.el.style.setProperty(
698 + "color",
699 + row.theme.text,
700 + "important"
701 + );
702 +
703 + row.el.style.setProperty(
704 + "text-align",
705 + "left",
706 + "important"
707 + );
708 +
709 + row.el.style.setProperty(
710 + "word-spacing",
711 + "normal",
712 + "important"
713 + );
714 +
715 + var later=
716 + unique
717 + .filter(function(other){
718 + return (
719 + other.card===row.card&&
720 + other.el
721 + .getBoundingClientRect()
722 + .top>
723 + headerRect.top+2
724 + );
725 + })
726 + .sort(function(a,b){
727 + return (
728 + a.el
729 + .getBoundingClientRect()
730 + .top-
731 + b.el
732 + .getBoundingClientRect()
733 + .top
734 + );
735 + });
736 +
737 + var stopTop=
738 + later.length
739 + ?later[0].el
740 + .getBoundingClientRect()
741 + .top
742 + :Infinity;
743 +
744 + Array.from(
745 + row.card.querySelectorAll("a")
746 + ).forEach(function(link){
747 + if(!visible(link))return;
748 +
749 + var rect=
750 + link.getBoundingClientRect();
751 +
752 + if(
753 + rect.top<=
754 + headerRect.bottom-2||
755 + rect.top>=
756 + stopTop-2
757 + ){
758 + return;
759 + }
760 +
761 + var candidates=
762 + rowCandidates(
763 + link,
764 + row.card
765 + );
766 +
767 + var target=
768 + chooseOuterRow(
769 + candidates,
770 + link
771 + );
772 +
773 + candidates.forEach(function(el){
774 + el.style.setProperty(
775 + "border-left",
776 + "0 solid transparent",
777 + "important"
778 + );
779 + });
780 +
781 + target.style.setProperty(
782 + "border-left",
783 + "3px solid "+
784 + row.theme.accent,
785 + "important"
786 + );
787 +
788 + target.style.setProperty(
789 + "box-sizing",
790 + "border-box",
791 + "important"
792 + );
793 + });
794 + });
795 +
796 + return unique;
797 + }
798 +
799 + /* =======================================================
800 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
801 + ======================================================= */
802 +
803 + function alignOverviewCards(headers){
804 + if(
805 + PAGE_KIND!=="overview"||
806 + window.innerWidth<=MOBILE_MAX
807 + ){
808 + return;
809 + }
810 +
811 + var cards=[];
812 + var seen=new Set();
813 +
814 + headers.forEach(function(row){
815 + if(!seen.has(row.card)){
816 + seen.add(row.card);
817 + cards.push(row.card);
818 + }
819 + });
820 +
821 + if(cards.length<2){
822 + return;
823 + }
824 +
825 + // Group cards by actual top position.
826 + var groups=[];
827 +
828 + cards.forEach(function(card){
829 + var top=
830 + card.getBoundingClientRect().top;
831 +
832 + var group=null;
833 +
834 + for(var i=0;i<groups.length;i++){
835 + if(
836 + Math.abs(
837 + groups[i].top-top
838 + )<=ROW_TOLERANCE
839 + ){
840 + group=groups[i];
841 + break;
842 + }
843 + }
844 +
845 + if(!group){
846 + group={
847 + top:top,
848 + cards:[]
849 + };
850 + groups.push(group);
851 + }
852 +
853 + group.cards.push(card);
854 + });
855 +
856 + groups.forEach(function(group){
857 + if(group.cards.length<2){
858 + return;
859 + }
860 +
861 + var firstHeaders=
862 + group.cards.map(function(card){
863 + var candidates=
864 + headers
865 + .filter(function(row){
866 + return row.card===card;
867 + })
868 + .sort(function(a,b){
869 + return (
870 + a.el
871 + .getBoundingClientRect()
872 + .top-
873 + b.el
874 + .getBoundingClientRect()
875 + .top
876 + );
877 + });
878 +
879 + return candidates.length
880 + ?candidates[0]
881 + :null;
882 + });
883 +
884 + if(
885 + !firstHeaders.some(function(row){
886 + return !row;
887 + })
888 + ){
889 + var targetTop=
890 + Math.max.apply(
891 + Math,
892 + firstHeaders.map(function(row){
893 + return (
894 + row.el
895 + .getBoundingClientRect()
896 + .top-
897 + row.card
898 + .getBoundingClientRect()
899 + .top
900 + );
901 + })
902 + );
903 +
904 + firstHeaders.forEach(function(row){
905 + var relativeTop=
906 + row.el
907 + .getBoundingClientRect()
908 + .top-
909 + row.card
910 + .getBoundingClientRect()
911 + .top;
912 +
913 + var delta=
914 + targetTop-relativeTop;
915 +
916 + if(delta>1){
917 + saveStyle(
918 + row.el,
919 + originalMargin,
920 + "margin-top"
921 + );
922 +
923 + var current=
924 + num(
925 + getComputedStyle(
926 + row.el
927 + ).marginTop
928 + );
929 +
930 + row.el.style.setProperty(
931 + "margin-top",
932 + (
933 + current+delta
934 + )+"px"
935 + );
936 +
937 + row.el.setAttribute(
938 + "data-sn-master-first-row",
939 + "1"
940 + );
941 +
942 + managedMargin.add(
943 + row.el
944 + );
945 + }
946 + });
947 + }
948 +
949 + var maxHeight=0;
950 +
951 + group.cards.forEach(function(card){
952 + maxHeight=
953 + Math.max(
954 + maxHeight,
955 + card
956 + .getBoundingClientRect()
957 + .height
958 + );
959 + });
960 +
961 + maxHeight=
962 + Math.ceil(maxHeight);
963 +
964 + group.cards.forEach(function(card){
965 + saveStyle(
966 + card,
967 + originalHeight,
968 + "min-height"
969 + );
970 +
971 + card.style.setProperty(
972 + "min-height",
973 + maxHeight+"px"
974 + );
975 +
976 + card.setAttribute(
977 + "data-sn-master-equal-height",
978 + "1"
979 + );
980 +
981 + managedHeight.add(
982 + card
983 + );
984 + });
985 + });
986 + }
987 +
988 + /* =======================================================
989 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
990 + ======================================================= */
991 +
992 + function equaliseDetailGrids(){
993 + if(
994 + PAGE_KIND!=="detail"||
995 + window.innerWidth<=MOBILE_MAX
996 + ){
997 + return;
998 + }
999 +
1000 + var selectors=[
1001 + ".arsn-grid",
1002 + ".arsn-grid-2",
1003 + ".arsn-grid-3",
1004 + ".dmp-grid",
1005 + ".ido-grid",
1006 + ".pp-grid"
1007 + ];
1008 +
1009 + selectors.forEach(function(selector){
1010 + Array.from(
1011 + root.querySelectorAll(selector)
1012 + ).forEach(function(grid){
1013 + var children=
1014 + Array.from(
1015 + grid.children||[]
1016 + ).filter(visible);
1017 +
1018 + if(children.length<2){
1019 + return;
1020 + }
1021 +
1022 + var groups=[];
1023 +
1024 + children.forEach(function(child){
1025 + var top=
1026 + child
1027 + .getBoundingClientRect()
1028 + .top;
1029 +
1030 + var group=null;
1031 +
1032 + for(var i=0;i<groups.length;i++){
1033 + if(
1034 + Math.abs(
1035 + groups[i].top-top
1036 + )<=ROW_TOLERANCE
1037 + ){
1038 + group=groups[i];
1039 + break;
1040 + }
1041 + }
1042 +
1043 + if(!group){
1044 + group={
1045 + top:top,
1046 + items:[]
1047 + };
1048 + groups.push(group);
1049 + }
1050 +
1051 + group.items.push(child);
1052 + });
1053 +
1054 + groups.forEach(function(group){
1055 + if(group.items.length<2){
1056 + return;
1057 + }
1058 +
1059 + var maxHeight=0;
1060 +
1061 + group.items.forEach(function(item){
1062 + maxHeight=
1063 + Math.max(
1064 + maxHeight,
1065 + item
1066 + .getBoundingClientRect()
1067 + .height
1068 + );
1069 + });
1070 +
1071 + maxHeight=
1072 + Math.ceil(maxHeight);
1073 +
1074 + group.items.forEach(function(item){
1075 + saveStyle(
1076 + item,
1077 + originalHeight,
1078 + "min-height"
1079 + );
1080 +
1081 + item.style.setProperty(
1082 + "min-height",
1083 + maxHeight+"px"
1084 + );
1085 +
1086 + item.setAttribute(
1087 + "data-sn-master-equal-height",
1088 + "1"
1089 + );
1090 +
1091 + managedHeight.add(item);
1092 + });
1093 + });
1094 + });
1095 + });
1096 + }
1097 +
1098 + /* =======================================================
1099 + RUN / RESPONSIVE SCHEDULING
1100 + ======================================================= */
1101 +
1102 + function run(){
1103 + if(running)return;
1104 +
1105 + running=true;
1106 +
1107 + try{
1108 + resetRuntime();
1109 + applyPlaceholderBadge();
1110 + propagateDetailAccents();
1111 +
1112 + var headers=
1113 + applyOverviewPalette();
1114 +
1115 + if(
1116 + window.innerWidth>
1117 + MOBILE_MAX
1118 + ){
1119 + alignOverviewCards(
1120 + headers
1121 + );
1122 +
1123 + equaliseDetailGrids();
1124 + }
1125 + }finally{
1126 + running=false;
1127 + }
1128 + }
1129 +
1130 + function onResize(){
1131 + if(resizeTimer){
1132 + clearTimeout(
1133 + resizeTimer
1134 + );
1135 + }
1136 +
1137 + resizeTimer=
1138 + setTimeout(
1139 + function(){
1140 + resizeTimer=0;
1141 + run();
1142 + },
1143 + RESIZE_DEBOUNCE
1144 + );
1145 + }
1146 +
1147 + async function waitForReady(){
1148 + if(
1149 + document.readyState!=="complete"
1150 + ){
1151 + await new Promise(function(resolve){
1152 + window.addEventListener(
1153 + "load",
1154 + resolve,
1155 + {once:true}
1156 + );
1157 + });
1158 + }
1159 +
1160 + if(
1161 + document.fonts&&
1162 + document.fonts.ready
1163 + ){
1164 + try{
1165 + await document.fonts.ready;
1166 + }catch(error){}
1167 + }
1168 +
1169 + var images=
1170 + Array.from(
1171 + root.querySelectorAll("img")
1172 + );
1173 +
1174 + await Promise.all(
1175 + images.map(function(img){
1176 + if(img.complete){
1177 + return Promise.resolve();
1178 + }
1179 +
1180 + return new Promise(function(resolve){
1181 + var done=function(){
1182 + resolve();
1183 + };
1184 +
1185 + img.addEventListener(
1186 + "load",
1187 + done,
1188 + {once:true}
1189 + );
1190 +
1191 + img.addEventListener(
1192 + "error",
1193 + done,
1194 + {once:true}
1195 + );
1196 + });
1197 + })
1198 + );
1199 +
1200 + run();
1201 + }
1202 +
1203 + window.addEventListener(
1204 + "resize",
1205 + onResize,
1206 + {passive:true}
1207 + );
1208 +
1209 + waitForReady();
1210 +})();
1211 +</script>
1212 +
1213 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
240 240  {{/html}}
241 241  
XWiki.RequiredRightClass[0]
level
... ... @@ -1,1 +1,0 @@
1 -script