Changes for page Data Protection & Ethics
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 6.4
edited by Veronika Kocher
on Friday, 18 Sep 2026 16:47
on Friday, 18 Sep 2026 16:47
Change comment:
There is no comment for this version
To version 5.10
edited by Veronika Kocher
on Thursday, 03 Sep 2026 10:09
on Thursday, 03 Sep 2026 10:09
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Default language
-
... ... @@ -1,1 +1,0 @@ 1 -en - Content
-
... ... @@ -1,246 +1,1187 @@ 1 - {{html clean="false"}}1 +Assess personal data, confidentiality, consent, sensitive materials and ethical considerations early in the project. 2 2 3 -<style> 4 -.dpe{max-width:1400px;margin:0 auto;color:#322f2b} 5 -.dpe *{box-sizing:border-box} 6 -.dpe-card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)} 7 -.dpe-hero{height:132px;overflow:hidden;background:#f1eee9;border-radius:11px 11px 0 0} 8 -.dpe-hero img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block} 9 -.dpe-eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase} 10 -.dpe-sec{margin:0 0 27px 0} 11 -.dpe-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 -.dpe-sec>p{color:#625d56;line-height:1.58;margin:0 0 13px} 13 -.dpe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px} 14 -.dpe-grid-2{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:12px} 15 -.dpe-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 -.dpe-info strong{color:#2d5661} 17 -.dpe-protect{padding:15px 17px;border:1px solid #ecdba3;border-left:5px solid #f0aa00;background:#fff8e7;border-radius:8px;color:#675a35;line-height:1.5} 18 -.dpe-protect strong{color:#705416} 19 -.dpe-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 -.dpe-warn strong{color:#744531} 21 -.dpe-check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5} 22 -.dpe-check:before{content:"✓";position:absolute;left:13px;top:10px;color:#f0aa00;font-weight:800} 23 -.dpe-step{position:relative;padding:13px 14px 13px 50px;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;min-height:76px} 24 -.dpe-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 -.dpe-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 -.dpe-step p{margin:0;color:#625d56;line-height:1.45} 27 -.dpe-scenario{padding:14px 15px;border:1px solid #e3ded6;border-top:4px solid #f0aa00;border-radius:9px;background:#fcfbf8} 28 -.dpe-scenario h4{margin:0 0 6px;font-size:16px;color:#3e372e;text-align:left!important;word-spacing:normal!important} 29 -.dpe-scenario p{margin:0;color:#625d56;line-height:1.5} 30 -.dpe-table-wrap{overflow-x:auto;border:1px solid #e3ded6;border-radius:8px} 31 -.dpe-table{width:100%;border-collapse:collapse;background:#fffdf9;min-width:920px} 32 -.dpe-table th,.dpe-table td{padding:10px 11px;border-bottom:1px solid #e3ded6;vertical-align:top;text-align:left;line-height:1.4} 33 -.dpe-table th{background:#f3efe8;color:#403b36;font-weight:700} 34 -.dpe-table tr:last-child td{border-bottom:0} 35 -.dpe-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px} 36 -.dpe-service{display:block;padding:13px 14px;border:1px solid #e3ded6;border-left:4px solid #f0aa00;border-radius:8px;background:#fcfbf8;color:#2f2b27} 37 -.dpe-service strong{display:block;margin-bottom:4px} 38 -.dpe-service span{display:block;color:#625d56;line-height:1.45;font-weight:400} 39 -.dpe-linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} 40 -.dpe-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} 41 -.dpe-navlink:hover,.dpe-navlink:focus{background:#fffaf0;text-decoration:none} 42 -.dpe-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} 43 -.dpe-resource{padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:9px} 44 -.dpe-resource strong{display:block;color:#4c4130;margin-bottom:4px} 45 -.dpe-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} 46 -.dpe h1,.dpe h2,.dpe h3,.dpe h4,.dpe h5,.dpe h6,.dpe h1 a,.dpe h2 a,.dpe h3 a,.dpe h4 a,.dpe h5 a,.dpe h6 a{text-align:left!important;text-align-last:left!important;text-justify:auto!important;word-spacing:normal!important} 47 -@media(max-width:850px){.dpe-grid-2,.dpe-resource-grid{grid-template-columns:1fr}} 48 -@media(max-width:680px){.dpe-hero{height:105px}.dpe-sec h3{font-size:20px}} 49 -</style> 3 +== Overview == 50 50 51 - <divclass="dpe">5 +Add a concise explanation of this topic and why it matters for Art & Research projects. 52 52 53 -<section class="dpe-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #f0aa00;"> 54 - <div class="dpe-hero"> 55 - <img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Data protection and ethics in artistic and research projects" /> 56 - </div> 57 - <div style="padding:18px 21px 20px;"> 58 - <div class="dpe-eye" style="color:#7a5b12;margin-bottom:5px;">PREPARE · PROTECT & CLARIFY</div> 59 - <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926;">Identify personal, confidential and sensitive information early — and plan deliberately how it will be handled</h2> 60 - <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1160px;"> 61 - Data protection, confidentiality, consent and ethical questions affect which information a project actually needs, 62 - who may access it, how long it should be retained and what can later be shared or published. 63 - Clarify these questions before collection, production or publication wherever possible. 64 - </p> 65 - </div> 66 -</section> 7 +== What you need to know == 67 67 68 -<div class="dpe-info" style="margin-bottom:14px;"> 69 - <strong>Start from the actual information flow.</strong> 70 - Record which personal, confidential or sensitive information is created or used, 71 - who receives it, where it is stored and what should happen to it when the project ends. 72 -</div> 9 +* Key concepts 10 +* Relevant requirements 11 +* Important distinctions 73 73 74 -<div class="dpe-warn" style="margin-bottom:27px;"> 75 - <strong>Planning guidance — not a binding data-protection or ethics decision.</strong> 76 - This page helps make questions visible early and document them. 77 - Personal-data questions belong with the relevant data-protection service; ethical review follows the applicable project, funder or review route. 78 -</div> 13 +== What you need to do == 79 79 80 -<section class="dpe-sec"> 81 - <div class="dpe-eye" style="color:#8a4d36;margin-bottom:4px;">STEP 1 · CREATE A DATA-PROTECTION & ETHICS INVENTORY</div> 82 - <h3>Record not only the information, but also its purpose, access and later use</h3> 83 - <p>For each relevant material or information group, it should be clear why it is needed and how it will be handled.</p> 84 - <div class="dpe-grid"> 85 - <div class="dpe-check"><strong>Information type:</strong> Which personal, confidential or sensitive information does the material contain?</div> 86 - <div class="dpe-check"><strong>Necessity:</strong> Which of this information is actually needed for the project?</div> 87 - <div class="dpe-check"><strong>People / participants:</strong> Who does the information come from and who is affected by it?</div> 88 - <div class="dpe-check"><strong>Purpose:</strong> Why is the information collected, created, analysed or documented?</div> 89 - <div class="dpe-check"><strong>Access:</strong> Who may access the information during the project?</div> 90 - <div class="dpe-check"><strong>Storage:</strong> Where is the information stored and how is it appropriately protected?</div> 91 - <div class="dpe-check"><strong>Retention / deletion:</strong> What should be retained, for how long, and what should later be deleted?</div> 92 - <div class="dpe-check"><strong>Sharing / publication:</strong> Which content should remain internal, be shared with restrictions or become public?</div> 93 - <div class="dpe-check"><strong>Consent / information:</strong> Which agreements or information for participants are required?</div> 94 - <div class="dpe-check"><strong>Ethics or funder route:</strong> Is there an applicable review, approval or funder route that needs to be considered?</div> 95 - </div> 96 -</section> 15 +1. Identify what applies to your project. 16 +2. Document the relevant decisions. 17 +3. Use appropriate institutional services and support where needed. 97 97 98 -<section class="dpe-sec"> 99 - <div class="dpe-eye" style="color:#7a5b12;margin-bottom:4px;">KEY DISTINCTIONS</div> 100 - <h3>These decisions should be considered separately</h3> 101 - <div class="dpe-grid"> 102 - <div class="dpe-protect"><strong>Participation ≠ publication.</strong><br>Agreement to participate in a project is not automatically the same as permission to make identifiable content public.</div> 103 - <div class="dpe-protect"><strong>Legally compliant ≠ ethically unproblematic.</strong><br>Ethical questions can go beyond legal compliance and may require additional judgement.</div> 104 - <div class="dpe-protect"><strong>Collection ≠ sharing.</strong><br>Information needed for project work does not automatically need to be distributed or published later.</div> 105 - <div class="dpe-protect"><strong>Access during the project ≠ access after project closure.</strong><br>Decide who needs access during active work and what should be retained, restricted or deleted afterwards.</div> 106 - <div class="dpe-protect"><strong>More data ≠ a better project.</strong><br>Check which personal or sensitive information is actually necessary before collecting or storing it.</div> 107 - <div class="dpe-protect"><strong>Project coordination ≠ a data-protection decision.</strong><br>SKF can coordinate project and funder routes, but it is not the data-protection authority.</div> 108 - </div> 109 -</section> 19 +== Key questions == 110 110 111 -<section class="dpe-sec"> 112 - <div class="dpe-eye" style="color:#8a4d36;margin-bottom:4px;">STEP 2 · PRACTICAL WORKFLOW</div> 113 - <h3>Make data protection and ethics part of the project workflow</h3> 114 - <div class="dpe-grid"> 115 - <div class="dpe-step"><div class="n">01</div><h4>Clarify the information need</h4><p>Identify which personal, confidential or sensitive information the project genuinely requires.</p></div> 116 - <div class="dpe-step"><div class="n">02</div><h4>Describe the information flow</h4><p>Record where information comes from, who receives it, where it is stored and how it may leave the project.</p></div> 117 - <div class="dpe-step"><div class="n">03</div><h4>Assign responsibility</h4><p>Define who is responsible for decisions, documentation, access and specialist questions where needed.</p></div> 118 - <div class="dpe-step"><div class="n">04</div><h4>Plan consent and participant information</h4><p>Where relevant, distinguish participation, documentation and publication of identifiable content.</p></div> 119 - <div class="dpe-step"><div class="n">05</div><h4>Define storage and access</h4><p>Plan suitable storage, access restrictions and safeguards before collection or production begins.</p></div> 120 - <div class="dpe-step"><div class="n">06</div><h4>Plan retention and deletion</h4><p>Decide which information is needed for how long and what should be deleted, restricted or retained after the project ends.</p></div> 121 - <div class="dpe-step"><div class="n">07</div><h4>Plan specialist review in time</h4><p>Involve the data-protection service and the applicable ethics or funder route where the project requires it.</p></div> 122 - <div class="dpe-step"><div class="n">08</div><h4>Recheck before publication</h4><p>Before sharing or publishing, confirm that the intended visibility matches the decisions already documented.</p></div> 123 - </div> 124 -</section> 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? 125 125 126 -<section class="dpe-sec"> 127 - <div class="dpe-eye" style="color:#7a5b12;margin-bottom:4px;">COMMON SCENARIOS</div> 128 - <h3>In these project situations, clarify the information flow especially early</h3> 129 - <div class="dpe-grid"> 130 - <div class="dpe-scenario"><h4>Interviews, conversations & portraits</h4><p>Keep participation, recording, internal analysis and possible publication of identifiable content clearly separate.</p></div> 131 - <div class="dpe-scenario"><h4>Participatory & collaborative work</h4><p>Check which information about participants is created, who can see it and which later forms of presentation or publication are intended.</p></div> 132 - <div class="dpe-scenario"><h4>Confidential or sensitive material</h4><p>Define access, storage, sharing, retention and deletion explicitly instead of leaving them to the general project workflow.</p></div> 133 - <div class="dpe-scenario"><h4>External project partners</h4><p>Clarify which information moves between units, who is responsible and how handover or project closure will be handled.</p></div> 134 - <div class="dpe-scenario"><h4>Public outputs</h4><p>Before a website, exhibition, publication or repository deposit, recheck which identifiable or sensitive information should actually become visible.</p></div> 135 - <div class="dpe-scenario"><h4>Funded projects</h4><p>Include additional funder requirements, reporting obligations or applicable review routes in project planning.</p></div> 136 - </div> 137 -</section> 27 +== Services & Tools == 138 138 139 -<section class="dpe-sec"> 140 - <div class="dpe-eye" style="color:#8a4d36;margin-bottom:4px;">STEP 3 · DOCUMENT DECISIONS</div> 141 - <h3>A simple data-protection & ethics log keeps decisions traceable</h3> 142 - <p>The log can be part of the project folder, material inventory or data management plan. What matters is that responsibility, access, retention and planned sharing remain understandable.</p> 143 - <div class="dpe-table-wrap"> 144 - <table class="dpe-table"> 145 - <thead><tr><th>Field</th><th>What to record</th><th>Why it matters</th></tr></thead> 146 - <tbody> 147 - <tr><td><strong>Material / information group</strong></td><td>A clear name for the data, documentation, recording or material group.</td><td>Connects decisions to the correct project material.</td></tr> 148 - <tr><td><strong>Personal / sensitive content</strong></td><td>Which personal, confidential or sensitive information is contained.</td><td>Makes protection needs visible early.</td></tr> 149 - <tr><td><strong>Purpose</strong></td><td>Why the information is needed, collected, created or retained.</td><td>Prevents unclear or unnecessary collection.</td></tr> 150 - <tr><td><strong>Access</strong></td><td>Which people, roles or project partners may access it.</td><td>Makes responsibility and restrictions traceable.</td></tr> 151 - <tr><td><strong>Storage</strong></td><td>Where the information is stored and who manages the storage location.</td><td>Connects protection requirements to the actual working environment.</td></tr> 152 - <tr><td><strong>Consent / participant information</strong></td><td>Which participation, documentation or publication decisions have been recorded.</td><td>Keeps different uses distinct.</td></tr> 153 - <tr><td><strong>Retention / deletion</strong></td><td>How long the information is needed and what happens at project closure.</td><td>Prevents accidental indefinite retention.</td></tr> 154 - <tr><td><strong>Sharing / publication</strong></td><td>Whether and how content is used internally, with restrictions or publicly.</td><td>Connects active project work to later publication.</td></tr> 155 - <tr><td><strong>Review</strong></td><td>Date or event for rechecking, such as publication or project closure.</td><td>Ensures changed project plans are reviewed again.</td></tr> 156 - </tbody> 157 - </table> 158 - </div> 159 -</section> 29 +Add links to relevant institutional services, infrastructure and tools. 160 160 161 -<section class="dpe-sec"> 162 - <div class="dpe-eye" style="color:#8a4d36;margin-bottom:4px;">STOP & CHECK</div> 163 - <h3>Common warning signs in data protection and ethics</h3> 164 - <div class="dpe-grid"> 165 - <div class="dpe-warn"><strong>More personal information is collected than the project actually needs.</strong><br>The information requirement was not clarified before work began.</div> 166 - <div class="dpe-warn"><strong>Participation and publication are treated as the same decision.</strong><br>Permission to participate does not automatically cover every later use of identifiable content.</div> 167 - <div class="dpe-warn"><strong>Access rights are undefined.</strong><br>It is unclear who may see personal, confidential or sensitive information during the project.</div> 168 - <div class="dpe-warn"><strong>Retention and deletion are unresolved.</strong><br>No one has decided what should be kept, restricted or deleted after project closure.</div> 169 - <div class="dpe-warn"><strong>Public presentation is planned but has not been rechecked.</strong><br>Before publication, exhibition or online release, confirm which information should actually become visible.</div> 170 - <div class="dpe-warn"><strong>Several units are involved but responsibilities are unclear.</strong><br>Project coordination, data-protection review and any applicable ethical review need distinct responsibilities.</div> 171 - </div> 172 -</section> 31 +== Info Sheets & Checklists == 173 173 174 -<section class="dpe-sec"> 175 - <div class="dpe-eye" style="color:#7a5b12;margin-bottom:4px;">SERVICES & SUPPORT</div> 176 - <h3>Who is responsible for data-protection and ethics questions</h3> 177 - <div class="dpe-service-grid"> 178 - <div class="dpe-service"> 179 - <strong>Data Protection Officer / data-protection service</strong> 180 - <span>Primary specialist responsibility for questions concerning personal data and data-protection review.</span> 181 - </div> 182 - <div class="dpe-service"> 183 - <strong>Project / host unit</strong> 184 - <span>For project-level responsibility, working arrangements and the organisational anchoring of decisions.</span> 185 - </div> 186 - <div class="dpe-service"> 187 - <strong>Applicable ethics or funder route</strong> 188 - <span>For ethical review or additional requirements where the specific project or funding context requires them.</span> 189 - </div> 190 - <div class="dpe-service"> 191 - <strong>Support Kunst und Forschung (SKF)</strong> 192 - <span>Coordinates project and funder requirements and helps route specialist review; SKF is not the data-protection authority.</span> 193 - </div> 194 - </div> 195 -</section> 33 +Add links to related Info Sheets, checklists and templates. 196 196 197 -<section class="dpe-sec"> 198 - <div class="dpe-eye" style="color:#8a4d36;margin-bottom:4px;">RELATED TOPICS</div> 199 - <h3>Data-protection and ethics decisions are often connected to these topics</h3> 200 - <div class="dpe-linkgrid"> 201 - <a class="dpe-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/">Copyright, Rights & Licences</a> 202 - <a class="dpe-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 & Research Outputs</a> 203 - <a class="dpe-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> 204 - <a class="dpe-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/Store%2C%20Back%20Up%20%26%20Control%20Access/">Store, Back Up & Control Access</a> 205 - <a class="dpe-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> 206 - <a class="dpe-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 & Licensing</a> 207 - </div> 208 -</section> 35 +== Tutorials == 209 209 210 -<!-- ARSN_TRAINING_WORKSHOPS_V2_START --> 211 -<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;"> 212 - <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;"> 213 - <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">TRAINING & WORKSHOPS</div> 214 - <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Training, workshops & consultation sessions</h3> 215 - <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> 216 - <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> 217 - </div> 218 -</section> 219 -<!-- ARSN_TRAINING_WORKSHOPS_V2_END --> 220 220 221 -<section class="dpe-sec"> 222 - <div class="dpe-eye" style="color:#8a4d36;margin-bottom:4px;">PRACTICAL RESOURCES</div> 223 - <h3>Info sheets, tutorials and templates</h3> 224 - <div class="dpe-resource-grid"> 225 - <div class="dpe-resource"><strong>Info Sheets</strong><span class="dpe-badge">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Short guidance on personal data, confidentiality, consent and ethical project questions.</div></div> 226 - <div class="dpe-resource"><strong>Tutorials</strong><span class="dpe-badge">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Step-by-step workflows for information inventories, access planning, retention and publication checks.</div></div> 227 - <div class="dpe-resource"><strong>Checklists & Templates</strong><span class="dpe-badge">COMING SOON</span><div style="color:#625d56;line-height:1.45;">Templates for a decision log, project review and handover.</div></div> 228 - </div> 229 -</section> 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. 230 230 231 -<div class="dpe-info" style="margin-bottom:14px;"> 232 - <strong>Need help deciding where to start?</strong> 233 - For questions concerning personal data, start with the data-protection service. 234 - Where several units or funder requirements are involved, SKF can coordinate the project route and refer the question to the appropriate specialist review. 235 -</div> 41 +== Related Topics == 236 236 237 -<details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6;"> 238 - <summary style="cursor:pointer;color:#6a655e;font-size:13px;">Search terms & related topics</summary> 239 - <div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7;"> 240 - data protection · ethics · personal data · sensitive data · confidentiality · consent · participation · publication · identifiable content · access · access control · storage · retention · deletion · sharing · data management · research data · project documentation · Data Protection Officer · ethics review · funder requirements · project partners · publication · repository 241 - </div> 242 -</details> 43 +Add links to related pages in Enable, Work & Manage, and Publish & Share. 243 243 45 +== Who is responsible? == 46 + 47 +{{html}}<!-- ARSN_TOPIC_ROUTING_V1 -->{{/html}} 48 +{{info title="Service routing"}} 49 +**Primary specialist service(s):** Data Protection Officer for personal-data questions; project/host unit and the applicable ethics or funder route for ethical review. 50 + 51 +**Role of Support Kunst und Forschung (SKF):** Coordinates project and funder requirements and helps route specialist review; it is not the data-protection 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 & 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 & 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=data%20protection#arsn-search-input" class="arsn-search-term" data-search-term="data protection" 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;">data protection</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=personal%20data#arsn-search-input" class="arsn-search-term" data-search-term="personal data" 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;">personal data</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=gdpr#arsn-search-input" class="arsn-search-term" data-search-term="gdpr" 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;">gdpr</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=ethics#arsn-search-input" class="arsn-search-term" data-search-term="ethics" 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;">ethics</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=consent#arsn-search-input" class="arsn-search-term" data-search-term="consent" 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;">consent</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=sensitive%20data#arsn-search-input" class="arsn-search-term" data-search-term="sensitive data" 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;">sensitive data</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=confidentiality#arsn-search-input" class="arsn-search-term" data-search-term="confidentiality" 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;">confidentiality</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=data%20privacy#arsn-search-input" class="arsn-search-term" data-search-term="data privacy" 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;">data privacy</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=dsgvo#arsn-search-input" class="arsn-search-term" data-search-term="dsgvo" 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;">dsgvo</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=anonymisation#arsn-search-input" class="arsn-search-term" data-search-term="anonymisation" 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;">anonymisation</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=anonymization#arsn-search-input" class="arsn-search-term" data-search-term="anonymization" 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;">anonymization</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=pseudonymisation#arsn-search-input" class="arsn-search-term" data-search-term="pseudonymisation" 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;">pseudonymisation</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=pseudonymization#arsn-search-input" class="arsn-search-term" data-search-term="pseudonymization" 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;">pseudonymization</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=datenschutz#arsn-search-input" class="arsn-search-term" data-search-term="datenschutz" 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;">datenschutz</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=einwilligung#arsn-search-input" class="arsn-search-term" data-search-term="einwilligung" 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;">einwilligung</a></p> 244 244 </div> 67 +</details> 68 +<!-- ARSN_SEARCH_TERMS_END --> 245 245 {{/html}} 246 246 71 +\n\n 72 +\n\n{{html clean="false"}} 73 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_START --> 74 + 75 +<style data-sn-horizontal-box-harmonizer="7"> 76 +/* ---------- Typography: never justify headings ---------- */ 77 +#xwikicontent h1, 78 +#xwikicontent h2, 79 +#xwikicontent h3, 80 +#xwikicontent h4, 81 +#xwikicontent h5, 82 +#xwikicontent h6, 83 +#xwikicontent .box-title, 84 +#xwikicontent [role="heading"], 85 +#xwikicontent h1 a, 86 +#xwikicontent h2 a, 87 +#xwikicontent h3 a, 88 +#xwikicontent h4 a, 89 +#xwikicontent h5 a, 90 +#xwikicontent h6 a, 91 +#xwikicontent .box-title a, 92 +#xwikicontent [role="heading"] a{ 93 + text-align:left!important; 94 + text-justify:auto!important; 95 + word-spacing:normal!important; 96 +} 97 + 98 +/* ---------- Native XWiki semantic callouts ---------- */ 99 +#xwikicontent .box.infomessage, 100 +#xwikicontent .infomessage, 101 +#xwikicontent .box.warningmessage, 102 +#xwikicontent .warningmessage, 103 +#xwikicontent .box.successmessage, 104 +#xwikicontent .successmessage, 105 +#xwikicontent .box.errormessage, 106 +#xwikicontent .errormessage, 107 +#xwikicontent [data-sn-callout-harmonized="1"]{ 108 + box-sizing:border-box!important; 109 + border-radius:8px!important; 110 + border-top:1px solid rgba(0,0,0,.08)!important; 111 + border-right:1px solid rgba(0,0,0,.08)!important; 112 + border-bottom:1px solid rgba(0,0,0,.08)!important; 113 + border-left:4px solid var(--sn-callout-accent,#21b6d7)!important; 114 + padding:14px 16px!important; 115 + text-align:left!important; 116 + text-justify:auto!important; 117 + word-spacing:normal!important; 118 + box-shadow:none!important; 119 +} 120 + 121 +#xwikicontent .box.infomessage, 122 +#xwikicontent .infomessage{ 123 + --sn-callout-accent:#21b6d7; 124 + background:#eaf7fb!important; 125 +} 126 + 127 +#xwikicontent .box.warningmessage, 128 +#xwikicontent .warningmessage{ 129 + --sn-callout-accent:#f0aa00; 130 + background:#fff8e7!important; 131 +} 132 + 133 +#xwikicontent .box.successmessage, 134 +#xwikicontent .successmessage{ 135 + --sn-callout-accent:#38b76a; 136 + background:#edf9f1!important; 137 +} 138 + 139 +#xwikicontent .box.errormessage, 140 +#xwikicontent .errormessage{ 141 + --sn-callout-accent:#e94b13; 142 + background:#fff1ec!important; 143 +} 144 + 145 +#xwikicontent [data-sn-callout-harmonized="1"] > :first-child, 146 +#xwikicontent .infomessage > :first-child, 147 +#xwikicontent .warningmessage > :first-child, 148 +#xwikicontent .successmessage > :first-child, 149 +#xwikicontent .errormessage > :first-child{ 150 + margin-top:0!important; 151 +} 152 + 153 +#xwikicontent [data-sn-callout-harmonized="1"] > :last-child, 154 +#xwikicontent .infomessage > :last-child, 155 +#xwikicontent .warningmessage > :last-child, 156 +#xwikicontent .successmessage > :last-child, 157 +#xwikicontent .errormessage > :last-child{ 158 + margin-bottom:0!important; 159 +} 160 + 161 +#xwikicontent [data-sn-equal-height-managed], 162 +#xwikicontent [data-sn-first-section-aligned], 163 +#xwikicontent [data-sn-first-content-aligned]{ 164 + box-sizing:border-box; 165 +} 166 +</style> 167 + 168 +<script data-sn-horizontal-box-harmonizer="7"> 169 +(function(){ 170 + "use strict"; 171 + 172 + var MOBILE_MAX=767; 173 + var ROW_TOLERANCE=6; 174 + var MIN_W=150; 175 + var MIN_H=36; 176 + var MAX_PARENT_CHILDREN=18; 177 + var SEARCH_DEPTH=5; 178 + var RESIZE_DEBOUNCE=220; 179 + var MIN_WIDTH_CHANGE=2; 180 + 181 + var root= 182 + document.getElementById("xwikicontent")|| 183 + document.querySelector(".xwiki-rendering-content")|| 184 + document.querySelector("main")|| 185 + document.body; 186 + 187 + if(!root)return; 188 + 189 + var heightManaged=new Set(); 190 + var sectionManaged=new Set(); 191 + var contentManaged=new Set(); 192 + 193 + var originalMinHeight=new WeakMap(); 194 + var originalMarginTop=new WeakMap(); 195 + 196 + var resizeTimer=0; 197 + var lastWidth=-1; 198 + var hasApplied=false; 199 + var applying=false; 200 + 201 + function num(v){ 202 + var n=parseFloat(v); 203 + return Number.isFinite(n)?n:0; 204 + } 205 + 206 + function visible(el,minW,minH){ 207 + if(!el||el.nodeType!==1)return false; 208 + 209 + var s=getComputedStyle(el); 210 + 211 + if( 212 + s.display==="none"|| 213 + s.visibility==="hidden"|| 214 + Number(s.opacity)===0 215 + ){ 216 + return false; 217 + } 218 + 219 + var r=el.getBoundingClientRect(); 220 + 221 + return ( 222 + r.width>=(minW||1)&& 223 + r.height>=(minH||1) 224 + ); 225 + } 226 + 227 + function normalizeText(text){ 228 + return String(text||"") 229 + .replace(/\s+/g," ") 230 + .trim() 231 + .toUpperCase(); 232 + } 233 + 234 + function excluded(el){ 235 + return ( 236 + !el.matches|| 237 + el.matches( 238 + "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]" 239 + ) 240 + ); 241 + } 242 + 243 + /* ---------- Custom coloured callouts ---------- */ 244 + 245 + function nativeCallout(el){ 246 + var c= 247 + typeof el.className==="string" 248 + ? el.className.toLowerCase() 249 + : ""; 250 + 251 + return ( 252 + /(^|\s)(infomessage|warningmessage|successmessage|errormessage)(\s|$)/.test(c) 253 + ); 254 + } 255 + 256 + function customCallout(el){ 257 + if(!visible(el,220,42)||excluded(el))return false; 258 + 259 + var r=el.getBoundingClientRect(); 260 + 261 + if(r.height>520)return false; 262 + 263 + var s=getComputedStyle(el); 264 + 265 + var bg= 266 + s.backgroundColor&& 267 + s.backgroundColor!=="rgba(0, 0, 0, 0)"&& 268 + s.backgroundColor!=="transparent"&& 269 + s.backgroundColor!=="rgb(255, 255, 255)"; 270 + 271 + var left= 272 + num(s.borderLeftWidth); 273 + 274 + return ( 275 + bg&& 276 + left>=2 277 + ); 278 + } 279 + 280 + function harmoniseCustomCallouts(){ 281 + Array.from( 282 + root.querySelectorAll( 283 + "div,aside,section" 284 + ) 285 + ).forEach(function(el){ 286 + if(nativeCallout(el))return; 287 + if(!customCallout(el))return; 288 + 289 + var s=getComputedStyle(el); 290 + 291 + el.setAttribute( 292 + "data-sn-callout-harmonized", 293 + "1" 294 + ); 295 + 296 + if( 297 + s.borderLeftColor 298 + ){ 299 + el.style.setProperty( 300 + "--sn-callout-accent", 301 + s.borderLeftColor 302 + ); 303 + } 304 + }); 305 + } 306 + 307 + /* ---------- Restore only values V7 itself changed ---------- */ 308 + 309 + function saveOriginal(el,map,property){ 310 + if(map.has(el))return; 311 + 312 + map.set(el,{ 313 + value: 314 + el.style.getPropertyValue( 315 + property 316 + ), 317 + priority: 318 + el.style.getPropertyPriority( 319 + property 320 + ) 321 + }); 322 + } 323 + 324 + function restoreOriginal(el,map,property){ 325 + var original=map.get(el); 326 + 327 + if(original&&original.value){ 328 + el.style.setProperty( 329 + property, 330 + original.value, 331 + original.priority||"" 332 + ); 333 + }else{ 334 + el.style.removeProperty( 335 + property 336 + ); 337 + } 338 + } 339 + 340 + function resetRuntime(){ 341 + heightManaged.forEach(function(el){ 342 + restoreOriginal( 343 + el, 344 + originalMinHeight, 345 + "min-height" 346 + ); 347 + 348 + el.removeAttribute( 349 + "data-sn-equal-height-managed" 350 + ); 351 + }); 352 + 353 + sectionManaged.forEach(function(el){ 354 + restoreOriginal( 355 + el, 356 + originalMarginTop, 357 + "margin-top" 358 + ); 359 + 360 + el.removeAttribute( 361 + "data-sn-first-section-aligned" 362 + ); 363 + }); 364 + 365 + contentManaged.forEach(function(el){ 366 + restoreOriginal( 367 + el, 368 + originalMarginTop, 369 + "margin-top" 370 + ); 371 + 372 + el.removeAttribute( 373 + "data-sn-first-content-aligned" 374 + ); 375 + }); 376 + 377 + heightManaged.clear(); 378 + sectionManaged.clear(); 379 + contentManaged.clear(); 380 + } 381 + 382 + /* ---------- Card detection ---------- */ 383 + 384 + function namedLikeBox(el){ 385 + var c= 386 + typeof el.className==="string" 387 + ? el.className 388 + : ""; 389 + 390 + return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c); 391 + } 392 + 393 + function boxLike(el){ 394 + if( 395 + !visible(el,MIN_W,MIN_H)|| 396 + excluded(el) 397 + ){ 398 + return false; 399 + } 400 + 401 + var s=getComputedStyle(el); 402 + var r=el.getBoundingClientRect(); 403 + 404 + var border= 405 + num(s.borderTopWidth)+ 406 + num(s.borderRightWidth)+ 407 + num(s.borderBottomWidth)+ 408 + num(s.borderLeftWidth); 409 + 410 + var radius=Math.max( 411 + num(s.borderTopLeftRadius), 412 + num(s.borderTopRightRadius), 413 + num(s.borderBottomLeftRadius), 414 + num(s.borderBottomRightRadius) 415 + ); 416 + 417 + var bg= 418 + s.backgroundColor&& 419 + s.backgroundColor!=="rgba(0, 0, 0, 0)"&& 420 + s.backgroundColor!=="transparent"; 421 + 422 + var shadow= 423 + s.boxShadow&& 424 + s.boxShadow!=="none"; 425 + 426 + return ( 427 + namedLikeBox(el)|| 428 + border>=1|| 429 + (bg&&radius>=3)|| 430 + (shadow&&r.width>=180) 431 + ); 432 + } 433 + 434 + function pickTarget(child){ 435 + if(!visible(child,MIN_W,MIN_H))return null; 436 + 437 + if(boxLike(child))return child; 438 + 439 + var cr=child.getBoundingClientRect(); 440 + var q=[]; 441 + 442 + Array.from(child.children||[]).forEach(function(el){ 443 + q.push({el:el,depth:1}); 444 + }); 445 + 446 + var best=null; 447 + var bestScore=-Infinity; 448 + 449 + while(q.length){ 450 + var item=q.shift(); 451 + var el=item.el; 452 + 453 + if(!visible(el,MIN_W,MIN_H))continue; 454 + 455 + var r=el.getBoundingClientRect(); 456 + 457 + if( 458 + r.width>=cr.width*.68&& 459 + boxLike(el) 460 + ){ 461 + var widthFit= 462 + 1-Math.min( 463 + 1, 464 + Math.abs(cr.width-r.width)/ 465 + Math.max(1,cr.width) 466 + ); 467 + 468 + var topFit= 469 + 1-Math.min( 470 + 1, 471 + Math.abs(cr.top-r.top)/100 472 + ); 473 + 474 + var score= 475 + widthFit*6+ 476 + topFit*3+ 477 + Math.min(r.height,900)/450+ 478 + Math.min(r.width*r.height,900000)/900000; 479 + 480 + if(score>bestScore){ 481 + best=el; 482 + bestScore=score; 483 + } 484 + } 485 + 486 + if(item.depth<SEARCH_DEPTH){ 487 + Array.from(el.children||[]).forEach(function(next){ 488 + q.push({ 489 + el:next, 490 + depth:item.depth+1 491 + }); 492 + }); 493 + } 494 + } 495 + 496 + return best; 497 + } 498 + 499 + function groupRows(entries){ 500 + var groups=[]; 501 + 502 + entries 503 + .slice() 504 + .sort(function(a,b){ 505 + return ( 506 + a.rect.top-b.rect.top|| 507 + a.rect.left-b.rect.left 508 + ); 509 + }) 510 + .forEach(function(entry){ 511 + var group=null; 512 + 513 + for(var i=0;i<groups.length;i++){ 514 + if( 515 + Math.abs( 516 + groups[i].top- 517 + entry.rect.top 518 + )<=ROW_TOLERANCE 519 + ){ 520 + group=groups[i]; 521 + break; 522 + } 523 + } 524 + 525 + if(!group){ 526 + group={ 527 + top:entry.rect.top, 528 + entries:[] 529 + }; 530 + groups.push(group); 531 + } 532 + 533 + group.entries.push(entry); 534 + }); 535 + 536 + return groups; 537 + } 538 + 539 + function validRow(group){ 540 + if(group.entries.length<2)return false; 541 + 542 + var lefts= 543 + group.entries 544 + .map(function(e){return e.rect.left;}) 545 + .sort(function(a,b){return a-b;}); 546 + 547 + if( 548 + lefts[lefts.length-1]- 549 + lefts[0]< 550 + 80 551 + ){ 552 + return false; 553 + } 554 + 555 + var widths= 556 + group.entries 557 + .map(function(e){return e.rect.width;}) 558 + .filter(function(w){return w>0;}); 559 + 560 + if(widths.length<2)return false; 561 + 562 + var minW= 563 + Math.min.apply(Math,widths); 564 + 565 + var maxW= 566 + Math.max.apply(Math,widths); 567 + 568 + return ( 569 + maxW/ 570 + Math.max(1,minW)<= 571 + 1.9 572 + ); 573 + } 574 + 575 + /* ---------- Known ARSN first section bars ---------- */ 576 + 577 + function knownBar(el){ 578 + var text= 579 + normalizeText( 580 + el.textContent 581 + ); 582 + 583 + return ( 584 + text==="HIER STARTEN"|| 585 + text==="ORGANISIEREN & DOKUMENTIEREN"|| 586 + text==="ENTSCHEIDEN"|| 587 + text==="START HERE"|| 588 + text==="GET STARTED"|| 589 + text==="ORGANISE & DOCUMENT"|| 590 + text==="ORGANIZE & DOCUMENT"|| 591 + text==="DECIDE" 592 + ); 593 + } 594 + 595 + function findKnownBar(card){ 596 + var cardRect= 597 + card.getBoundingClientRect(); 598 + 599 + var rows= 600 + Array.from( 601 + card.querySelectorAll( 602 + "div,p,span,strong,h3,h4,h5,h6" 603 + ) 604 + ) 605 + .filter(function(el){ 606 + if(!visible(el,20,6))return false; 607 + if(!knownBar(el))return false; 608 + 609 + var r=el.getBoundingClientRect(); 610 + 611 + var rel= 612 + r.top- 613 + cardRect.top; 614 + 615 + return ( 616 + rel>=35&& 617 + rel<= 618 + cardRect.height*.75 619 + ); 620 + }) 621 + .sort(function(a,b){ 622 + return ( 623 + a.getBoundingClientRect().top- 624 + b.getBoundingClientRect().top 625 + ); 626 + }); 627 + 628 + return rows[0]||null; 629 + } 630 + 631 + function alignKnownBars(cards){ 632 + var rows= 633 + cards.map(function(card){ 634 + var bar= 635 + findKnownBar(card); 636 + 637 + if(!bar)return null; 638 + 639 + var cr= 640 + card.getBoundingClientRect(); 641 + 642 + var br= 643 + bar.getBoundingClientRect(); 644 + 645 + return { 646 + bar:bar, 647 + relativeTop: 648 + br.top- 649 + cr.top 650 + }; 651 + }); 652 + 653 + if( 654 + rows.some(function(row){ 655 + return !row; 656 + }) 657 + ){ 658 + return false; 659 + } 660 + 661 + var target= 662 + Math.max.apply( 663 + Math, 664 + rows.map(function(row){ 665 + return row.relativeTop; 666 + }) 667 + ); 668 + 669 + rows.forEach(function(row){ 670 + var delta= 671 + target- 672 + row.relativeTop; 673 + 674 + if(delta<=1)return; 675 + 676 + saveOriginal( 677 + row.bar, 678 + originalMarginTop, 679 + "margin-top" 680 + ); 681 + 682 + var current= 683 + num( 684 + getComputedStyle( 685 + row.bar 686 + ).marginTop 687 + ); 688 + 689 + row.bar.style.setProperty( 690 + "margin-top", 691 + ( 692 + current+ 693 + delta 694 + )+"px" 695 + ); 696 + 697 + row.bar.setAttribute( 698 + "data-sn-first-section-aligned", 699 + "7" 700 + ); 701 + 702 + sectionManaged.add( 703 + row.bar 704 + ); 705 + }); 706 + 707 + return true; 708 + } 709 + 710 + /* ---------- Generic first content after heading ---------- */ 711 + 712 + function heading(card){ 713 + var cr= 714 + card.getBoundingClientRect(); 715 + 716 + var rows= 717 + Array.from( 718 + card.querySelectorAll( 719 + "h1,h2,h3,h4,h5,h6,.box-title,[role=heading]" 720 + ) 721 + ) 722 + .filter(function(el){ 723 + if(!visible(el,20,8))return false; 724 + 725 + var r=el.getBoundingClientRect(); 726 + 727 + var rel= 728 + r.top- 729 + cr.top; 730 + 731 + return ( 732 + rel>=0&& 733 + rel<= 734 + Math.min( 735 + 160, 736 + cr.height*.45 737 + ) 738 + ); 739 + }) 740 + .sort(function(a,b){ 741 + return ( 742 + a.getBoundingClientRect().top- 743 + b.getBoundingClientRect().top 744 + ); 745 + }); 746 + 747 + return rows[0]||null; 748 + } 749 + 750 + function firstContent(card,h){ 751 + if(!h)return null; 752 + 753 + var cr= 754 + card.getBoundingClientRect(); 755 + 756 + var hr= 757 + h.getBoundingClientRect(); 758 + 759 + var rows= 760 + Array.from( 761 + card.querySelectorAll( 762 + "p,div,ul,ol,dl,blockquote" 763 + ) 764 + ) 765 + .filter(function(el){ 766 + if( 767 + el===h|| 768 + h.contains(el)|| 769 + el.contains(h) 770 + ){ 771 + return false; 772 + } 773 + 774 + if(!visible(el,30,8))return false; 775 + 776 + var text= 777 + String(el.textContent||"") 778 + .replace(/\s+/g," ") 779 + .trim(); 780 + 781 + if(text.length<3)return false; 782 + 783 + var r=el.getBoundingClientRect(); 784 + 785 + if( 786 + r.top< 787 + hr.bottom-1 788 + ){ 789 + return false; 790 + } 791 + 792 + if( 793 + r.top-cr.top> 794 + Math.min( 795 + 280, 796 + cr.height*.65 797 + ) 798 + ){ 799 + return false; 800 + } 801 + 802 + if( 803 + r.height> 804 + cr.height*.58 805 + ){ 806 + return false; 807 + } 808 + 809 + return true; 810 + }) 811 + .sort(function(a,b){ 812 + var ar= 813 + a.getBoundingClientRect(); 814 + 815 + var br= 816 + b.getBoundingClientRect(); 817 + 818 + return ( 819 + ar.top-br.top|| 820 + ar.height-br.height 821 + ); 822 + }); 823 + 824 + return rows[0]||null; 825 + } 826 + 827 + function alignGeneric(cards){ 828 + var rows= 829 + cards.map(function(card){ 830 + var h= 831 + heading(card); 832 + 833 + var c= 834 + firstContent( 835 + card, 836 + h 837 + ); 838 + 839 + if(!h||!c)return null; 840 + 841 + var cr= 842 + card.getBoundingClientRect(); 843 + 844 + var rr= 845 + c.getBoundingClientRect(); 846 + 847 + return { 848 + content:c, 849 + relativeTop: 850 + rr.top-cr.top 851 + }; 852 + }); 853 + 854 + if( 855 + rows.some(function(row){ 856 + return !row; 857 + }) 858 + ){ 859 + return false; 860 + } 861 + 862 + var target= 863 + Math.max.apply( 864 + Math, 865 + rows.map(function(row){ 866 + return row.relativeTop; 867 + }) 868 + ); 869 + 870 + rows.forEach(function(row){ 871 + var delta= 872 + target- 873 + row.relativeTop; 874 + 875 + if(delta<=1)return; 876 + 877 + saveOriginal( 878 + row.content, 879 + originalMarginTop, 880 + "margin-top" 881 + ); 882 + 883 + var current= 884 + num( 885 + getComputedStyle( 886 + row.content 887 + ).marginTop 888 + ); 889 + 890 + row.content.style.setProperty( 891 + "margin-top", 892 + ( 893 + current+ 894 + delta 895 + )+"px" 896 + ); 897 + 898 + row.content.setAttribute( 899 + "data-sn-first-content-aligned", 900 + "7" 901 + ); 902 + 903 + contentManaged.add( 904 + row.content 905 + ); 906 + }); 907 + 908 + return true; 909 + } 910 + 911 + function applyRow(group){ 912 + if(!validRow(group))return false; 913 + 914 + var cards=[]; 915 + var seen=new Set(); 916 + 917 + group.entries.forEach(function(entry){ 918 + if(!seen.has(entry.target)){ 919 + seen.add(entry.target); 920 + cards.push(entry.target); 921 + } 922 + }); 923 + 924 + if(cards.length<2)return false; 925 + 926 + if( 927 + !alignKnownBars(cards) 928 + ){ 929 + alignGeneric(cards); 930 + } 931 + 932 + var maxHeight=0; 933 + 934 + cards.forEach(function(card){ 935 + maxHeight= 936 + Math.max( 937 + maxHeight, 938 + card.getBoundingClientRect().height 939 + ); 940 + }); 941 + 942 + maxHeight= 943 + Math.ceil( 944 + maxHeight 945 + ); 946 + 947 + if(maxHeight<MIN_H)return false; 948 + 949 + cards.forEach(function(card){ 950 + saveOriginal( 951 + card, 952 + originalMinHeight, 953 + "min-height" 954 + ); 955 + 956 + card.style.setProperty( 957 + "min-height", 958 + maxHeight+"px" 959 + ); 960 + 961 + card.setAttribute( 962 + "data-sn-equal-height-managed", 963 + "7" 964 + ); 965 + 966 + heightManaged.add(card); 967 + }); 968 + 969 + return true; 970 + } 971 + 972 + function calculate(force){ 973 + if(applying)return; 974 + 975 + var width= 976 + Math.round( 977 + window.innerWidth 978 + ); 979 + 980 + var meaningful= 981 + lastWidth<0|| 982 + Math.abs( 983 + width- 984 + lastWidth 985 + )>= 986 + MIN_WIDTH_CHANGE; 987 + 988 + if( 989 + hasApplied&& 990 + !force&& 991 + !meaningful 992 + ){ 993 + return; 994 + } 995 + 996 + applying=true; 997 + 998 + try{ 999 + harmoniseCustomCallouts(); 1000 + 1001 + if(width<=MOBILE_MAX){ 1002 + if(hasApplied){ 1003 + resetRuntime(); 1004 + } 1005 + 1006 + hasApplied=false; 1007 + lastWidth=width; 1008 + return; 1009 + } 1010 + 1011 + if(hasApplied){ 1012 + resetRuntime(); 1013 + } 1014 + 1015 + var parents= 1016 + Array.from( 1017 + root.querySelectorAll("*") 1018 + ) 1019 + .filter(function(parent){ 1020 + return ( 1021 + visible( 1022 + parent, 1023 + MIN_W, 1024 + MIN_H 1025 + )&& 1026 + parent.children&& 1027 + parent.children.length>=2&& 1028 + parent.children.length<= 1029 + MAX_PARENT_CHILDREN 1030 + ); 1031 + }); 1032 + 1033 + var touched= 1034 + new Set(); 1035 + 1036 + parents.forEach(function(parent){ 1037 + var entries=[]; 1038 + 1039 + Array.from( 1040 + parent.children 1041 + ).forEach(function(child){ 1042 + if( 1043 + !visible( 1044 + child, 1045 + MIN_W, 1046 + MIN_H 1047 + ) 1048 + ){ 1049 + return; 1050 + } 1051 + 1052 + var target= 1053 + pickTarget(child); 1054 + 1055 + if(!target)return; 1056 + 1057 + entries.push({ 1058 + target:target, 1059 + rect: 1060 + target.getBoundingClientRect() 1061 + }); 1062 + }); 1063 + 1064 + groupRows( 1065 + entries 1066 + ).forEach(function(group){ 1067 + if(!validRow(group))return; 1068 + 1069 + var targets= 1070 + group.entries.map(function(entry){ 1071 + return entry.target; 1072 + }); 1073 + 1074 + if( 1075 + !targets.some(function(el){ 1076 + return !touched.has(el); 1077 + }) 1078 + ){ 1079 + return; 1080 + } 1081 + 1082 + if(applyRow(group)){ 1083 + targets.forEach(function(el){ 1084 + touched.add(el); 1085 + }); 1086 + } 1087 + }); 1088 + }); 1089 + 1090 + lastWidth=width; 1091 + hasApplied=true; 1092 + }finally{ 1093 + applying=false; 1094 + } 1095 + } 1096 + 1097 + function resize(){ 1098 + if(resizeTimer){ 1099 + clearTimeout( 1100 + resizeTimer 1101 + ); 1102 + } 1103 + 1104 + resizeTimer= 1105 + setTimeout( 1106 + function(){ 1107 + resizeTimer=0; 1108 + calculate(false); 1109 + }, 1110 + RESIZE_DEBOUNCE 1111 + ); 1112 + } 1113 + 1114 + function waitImages(){ 1115 + var images= 1116 + Array.from( 1117 + root.querySelectorAll("img") 1118 + ); 1119 + 1120 + return Promise.all( 1121 + images.map(function(img){ 1122 + if(img.complete){ 1123 + return Promise.resolve(); 1124 + } 1125 + 1126 + return new Promise(function(resolve){ 1127 + var done=function(){ 1128 + resolve(); 1129 + }; 1130 + 1131 + img.addEventListener( 1132 + "load", 1133 + done, 1134 + {once:true} 1135 + ); 1136 + 1137 + img.addEventListener( 1138 + "error", 1139 + done, 1140 + {once:true} 1141 + ); 1142 + }); 1143 + }) 1144 + ); 1145 + } 1146 + 1147 + async function initial(){ 1148 + if( 1149 + document.readyState!== 1150 + "complete" 1151 + ){ 1152 + await new Promise(function(resolve){ 1153 + addEventListener( 1154 + "load", 1155 + resolve, 1156 + {once:true} 1157 + ); 1158 + }); 1159 + } 1160 + 1161 + if( 1162 + document.fonts&& 1163 + document.fonts.ready 1164 + ){ 1165 + try{ 1166 + await document.fonts.ready; 1167 + }catch(error){} 1168 + } 1169 + 1170 + await waitImages(); 1171 + 1172 + // Exactly one initial layout calculation. 1173 + calculate(true); 1174 + } 1175 + 1176 + addEventListener( 1177 + "resize", 1178 + resize, 1179 + {passive:true} 1180 + ); 1181 + 1182 + initial(); 1183 +})(); 1184 +</script> 1185 + 1186 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_END --> 1187 +{{/html}}\n