Changes for page Data Protection & Ethics
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 6.3
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:45
on Friday, 04 Sep 2026 14:45
Change comment:
There is no comment for this version
To version 5.9
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:34
on Thursday, 03 Sep 2026 9:34
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,765 @@ 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 finding the right route?</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 +{{html clean="false"}} 72 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_START --> 73 +<style data-sn-horizontal-box-harmonizer="4"> 74 +[data-sn-equal-height-managed], 75 +[data-sn-first-section-aligned]{ 76 + box-sizing:border-box; 77 +} 78 +</style> 79 +<script data-sn-horizontal-box-harmonizer="4"> 80 +(function(){ 81 + "use strict"; 82 + 83 + var MOBILE_MAX=767; 84 + var ROW_TOLERANCE=6; 85 + var MIN_W=150; 86 + var MIN_H=36; 87 + var MAX_PARENT_CHILDREN=16; 88 + var SEARCH_DEPTH=5; 89 + 90 + var root= 91 + document.getElementById("xwikicontent")|| 92 + document.querySelector(".xwiki-rendering-content")|| 93 + document.querySelector("main")|| 94 + document.body; 95 + 96 + if(!root)return; 97 + 98 + var heightManaged=new Set(); 99 + var sectionManaged=new Set(); 100 + var originalMinHeight=new WeakMap(); 101 + var originalMarginTop=new WeakMap(); 102 + var raf=0; 103 + 104 + function num(v){ 105 + var n=parseFloat(v); 106 + return Number.isFinite(n)?n:0; 107 + } 108 + 109 + function visible(el,minW,minH){ 110 + if(!el||el.nodeType!==1)return false; 111 + 112 + var s=getComputedStyle(el); 113 + 114 + if( 115 + s.display==="none"|| 116 + s.visibility==="hidden"|| 117 + Number(s.opacity)===0 118 + ){ 119 + return false; 120 + } 121 + 122 + var r=el.getBoundingClientRect(); 123 + 124 + return ( 125 + r.width>=(minW||1)&& 126 + r.height>=(minH||1) 127 + ); 128 + } 129 + 130 + function excluded(el){ 131 + return ( 132 + !el.matches|| 133 + el.matches( 134 + "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]" 135 + ) 136 + ); 137 + } 138 + 139 + function namedLikeBox(el){ 140 + var c= 141 + typeof el.className==="string" 142 + ? el.className 143 + : ""; 144 + 145 + return /(^|[s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([s_-]|$)/i.test(c); 146 + } 147 + 148 + function boxLike(el){ 149 + if(!visible(el,MIN_W,MIN_H)||excluded(el))return false; 150 + 151 + var s=getComputedStyle(el); 152 + var r=el.getBoundingClientRect(); 153 + 154 + var border= 155 + num(s.borderTopWidth)+ 156 + num(s.borderRightWidth)+ 157 + num(s.borderBottomWidth)+ 158 + num(s.borderLeftWidth); 159 + 160 + var radius=Math.max( 161 + num(s.borderTopLeftRadius), 162 + num(s.borderTopRightRadius), 163 + num(s.borderBottomLeftRadius), 164 + num(s.borderBottomRightRadius) 165 + ); 166 + 167 + var bg= 168 + s.backgroundColor&& 169 + s.backgroundColor!=="rgba(0, 0, 0, 0)"&& 170 + s.backgroundColor!=="transparent"; 171 + 172 + var shadow= 173 + s.boxShadow&& 174 + s.boxShadow!=="none"; 175 + 176 + return ( 177 + namedLikeBox(el)|| 178 + border>=1|| 179 + (bg&&radius>=3)|| 180 + (shadow&&r.width>=180) 181 + ); 182 + } 183 + 184 + function saveOriginal(el,map,property){ 185 + if(map.has(el))return; 186 + 187 + map.set(el,{ 188 + value:el.style.getPropertyValue(property), 189 + priority:el.style.getPropertyPriority(property) 190 + }); 191 + } 192 + 193 + function restoreOriginal(el,map,property){ 194 + var original=map.get(el); 195 + 196 + if(original&&original.value){ 197 + el.style.setProperty( 198 + property, 199 + original.value, 200 + original.priority||"" 201 + ); 202 + }else{ 203 + el.style.removeProperty(property); 204 + } 205 + } 206 + 207 + function reset(){ 208 + heightManaged.forEach(function(el){ 209 + restoreOriginal( 210 + el, 211 + originalMinHeight, 212 + "min-height" 213 + ); 214 + 215 + el.removeAttribute( 216 + "data-sn-equal-height-managed" 217 + ); 218 + }); 219 + 220 + sectionManaged.forEach(function(el){ 221 + restoreOriginal( 222 + el, 223 + originalMarginTop, 224 + "margin-top" 225 + ); 226 + 227 + el.removeAttribute( 228 + "data-sn-first-section-aligned" 229 + ); 230 + }); 231 + 232 + heightManaged.clear(); 233 + sectionManaged.clear(); 234 + } 235 + 236 + function pickTarget(child){ 237 + if(!visible(child,MIN_W,MIN_H))return null; 238 + 239 + if(boxLike(child)){ 240 + return child; 241 + } 242 + 243 + var cr=child.getBoundingClientRect(); 244 + var q=[]; 245 + 246 + Array.from(child.children||[]).forEach(function(el){ 247 + q.push({el:el,depth:1}); 248 + }); 249 + 250 + var best=null; 251 + var bestScore=-Infinity; 252 + 253 + while(q.length){ 254 + var item=q.shift(); 255 + var el=item.el; 256 + 257 + if(!visible(el,MIN_W,MIN_H))continue; 258 + 259 + var r=el.getBoundingClientRect(); 260 + 261 + if( 262 + r.width>=cr.width*.68&& 263 + boxLike(el) 264 + ){ 265 + var widthFit= 266 + 1-Math.min( 267 + 1, 268 + Math.abs(cr.width-r.width)/ 269 + Math.max(1,cr.width) 270 + ); 271 + 272 + var topFit= 273 + 1-Math.min( 274 + 1, 275 + Math.abs(cr.top-r.top)/100 276 + ); 277 + 278 + var score= 279 + widthFit*6+ 280 + topFit*3+ 281 + Math.min(r.height,900)/450+ 282 + Math.min(r.width*r.height,900000)/900000; 283 + 284 + if(score>bestScore){ 285 + best=el; 286 + bestScore=score; 287 + } 288 + } 289 + 290 + if(item.depth<SEARCH_DEPTH){ 291 + Array.from(el.children||[]).forEach(function(next){ 292 + q.push({ 293 + el:next, 294 + depth:item.depth+1 295 + }); 296 + }); 297 + } 298 + } 299 + 300 + return best; 301 + } 302 + 303 + function groupsByVisualRow(entries){ 304 + var groups=[]; 305 + 306 + entries 307 + .slice() 308 + .sort(function(a,b){ 309 + return ( 310 + a.rect.top-b.rect.top|| 311 + a.rect.left-b.rect.left 312 + ); 313 + }) 314 + .forEach(function(entry){ 315 + var group=null; 316 + 317 + for(var i=0;i<groups.length;i++){ 318 + if( 319 + Math.abs( 320 + groups[i].top- 321 + entry.rect.top 322 + )<=ROW_TOLERANCE 323 + ){ 324 + group=groups[i]; 325 + break; 326 + } 327 + } 328 + 329 + if(!group){ 330 + group={ 331 + top:entry.rect.top, 332 + entries:[] 333 + }; 334 + groups.push(group); 335 + } 336 + 337 + group.entries.push(entry); 338 + }); 339 + 340 + return groups; 341 + } 342 + 343 + function validHorizontalGroup(group){ 344 + if(group.entries.length<2)return false; 345 + 346 + var lefts= 347 + group.entries 348 + .map(function(e){return e.rect.left;}) 349 + .sort(function(a,b){return a-b;}); 350 + 351 + if( 352 + lefts[lefts.length-1]- 353 + lefts[0]< 354 + 80 355 + ){ 356 + return false; 357 + } 358 + 359 + var widths= 360 + group.entries 361 + .map(function(e){return e.rect.width;}) 362 + .filter(function(w){return w>0;}); 363 + 364 + if(widths.length<2)return false; 365 + 366 + var minWidth=Math.min.apply(Math,widths); 367 + var maxWidth=Math.max.apply(Math,widths); 368 + 369 + return ( 370 + maxWidth/ 371 + Math.max(1,minWidth)<= 372 + 1.9 373 + ); 374 + } 375 + 376 + function normalizeText(text){ 377 + return String(text||"") 378 + .replace(/s+/g," ") 379 + .trim() 380 + .toUpperCase(); 381 + } 382 + 383 + function exactKnownFirstSection(el){ 384 + var text=normalizeText(el.textContent); 385 + 386 + return ( 387 + text==="HIER STARTEN"|| 388 + text==="ORGANISIEREN & DOKUMENTIEREN"|| 389 + text==="ENTSCHEIDEN"|| 390 + text==="START HERE"|| 391 + text==="GET STARTED"|| 392 + text==="ORGANISE & DOCUMENT"|| 393 + text==="ORGANIZE & DOCUMENT"|| 394 + text==="DECIDE" 395 + ); 396 + } 397 + 398 + function visuallyFirstSectionBar(card){ 399 + var cardRect=card.getBoundingClientRect(); 400 + var candidates=[]; 401 + 402 + Array.from( 403 + card.querySelectorAll( 404 + "div,p,span,strong,h3,h4,h5,h6" 405 + ) 406 + ).forEach(function(el){ 407 + if(!visible(el,20,6))return; 408 + if(excluded(el))return; 409 + 410 + var r=el.getBoundingClientRect(); 411 + var relativeTop=r.top-cardRect.top; 412 + 413 + if( 414 + relativeTop<45|| 415 + relativeTop>cardRect.height*.72 416 + ){ 417 + return; 418 + } 419 + 420 + var widthRatio= 421 + r.width/ 422 + Math.max(1,cardRect.width); 423 + 424 + if( 425 + widthRatio<.55|| 426 + widthRatio>1.05|| 427 + r.height>54 428 + ){ 429 + return; 430 + } 431 + 432 + var text=normalizeText(el.textContent); 433 + 434 + if( 435 + text.length<2|| 436 + text.length>90 437 + ){ 438 + return; 439 + } 440 + 441 + var style=getComputedStyle(el); 442 + 443 + var bg= 444 + style.backgroundColor&& 445 + style.backgroundColor!=="rgba(0, 0, 0, 0)"&& 446 + style.backgroundColor!=="transparent"; 447 + 448 + var border= 449 + num(style.borderTopWidth)+ 450 + num(style.borderRightWidth)+ 451 + num(style.borderBottomWidth)+ 452 + num(style.borderLeftWidth); 453 + 454 + var mostlyUpper= 455 + text.length>=3&& 456 + text===text.toUpperCase(); 457 + 458 + var exact=exactKnownFirstSection(el); 459 + 460 + var score= 461 + (exact?20:0)+ 462 + (bg?6:0)+ 463 + (border>=1?2:0)+ 464 + (mostlyUpper?4:0)+ 465 + (num(style.fontWeight)>=600?1:0); 466 + 467 + if(score>=7){ 468 + candidates.push({ 469 + el:el, 470 + relativeTop:relativeTop, 471 + width:r.width, 472 + score:score 473 + }); 474 + } 475 + }); 476 + 477 + if(!candidates.length)return null; 478 + 479 + candidates.sort(function(a,b){ 480 + if(a.score!==b.score)return b.score-a.score; 481 + if(Math.abs(a.relativeTop-b.relativeTop)>3){ 482 + return a.relativeTop-b.relativeTop; 483 + } 484 + return b.width-a.width; 485 + }); 486 + 487 + // For exact known labels always prefer the earliest exact match. 488 + var exacts=candidates.filter(function(c){ 489 + return exactKnownFirstSection(c.el); 490 + }); 491 + 492 + if(exacts.length){ 493 + exacts.sort(function(a,b){ 494 + return a.relativeTop-b.relativeTop||b.width-a.width; 495 + }); 496 + return exacts[0].el; 497 + } 498 + 499 + // Generic fallback: earliest high-confidence bar. 500 + candidates.sort(function(a,b){ 501 + return a.relativeTop-b.relativeTop||b.score-a.score||b.width-a.width; 502 + }); 503 + 504 + return candidates[0].el; 505 + } 506 + 507 + function alignFirstSections(cards){ 508 + var rows= 509 + cards.map(function(card){ 510 + var bar= 511 + visuallyFirstSectionBar(card); 512 + 513 + if(!bar)return null; 514 + 515 + var cardRect= 516 + card.getBoundingClientRect(); 517 + 518 + var barRect= 519 + bar.getBoundingClientRect(); 520 + 521 + return { 522 + card:card, 523 + bar:bar, 524 + relativeTop: 525 + barRect.top-cardRect.top, 526 + label: 527 + normalizeText(bar.textContent) 528 + }; 529 + }); 530 + 531 + // Conservative: only align when every card in the horizontal row 532 + // has a reliable first section bar. 533 + if( 534 + rows.some(function(row){ 535 + return !row; 536 + }) 537 + ){ 538 + return null; 539 + } 540 + 541 + var targetTop= 542 + Math.max.apply( 543 + Math, 544 + rows.map(function(row){ 545 + return row.relativeTop; 546 + }) 547 + ); 548 + 549 + rows.forEach(function(row){ 550 + var delta= 551 + targetTop- 552 + row.relativeTop; 553 + 554 + if(delta<=1)return; 555 + 556 + saveOriginal( 557 + row.bar, 558 + originalMarginTop, 559 + "margin-top" 560 + ); 561 + 562 + var currentMargin= 563 + num( 564 + getComputedStyle( 565 + row.bar 566 + ).marginTop 567 + ); 568 + 569 + row.bar.style.setProperty( 570 + "margin-top", 571 + ( 572 + currentMargin+ 573 + delta 574 + )+"px" 575 + ); 576 + 577 + row.bar.setAttribute( 578 + "data-sn-first-section-aligned", 579 + "4" 580 + ); 581 + 582 + sectionManaged.add(row.bar); 583 + }); 584 + 585 + return { 586 + labels: 587 + rows.map(function(row){ 588 + return row.label; 589 + }), 590 + targetRelativeTop: 591 + Math.round(targetTop) 592 + }; 593 + } 594 + 595 + function applyGroup(group){ 596 + if(!validHorizontalGroup(group)){ 597 + return null; 598 + } 599 + 600 + var cards=[]; 601 + var seen=new Set(); 602 + 603 + group.entries.forEach(function(entry){ 604 + if(!seen.has(entry.target)){ 605 + seen.add(entry.target); 606 + cards.push(entry.target); 607 + } 608 + }); 609 + 610 + if(cards.length<2)return null; 611 + 612 + var firstSection= 613 + alignFirstSections(cards); 614 + 615 + // The section alignment can change natural card heights. 616 + // Measure only afterwards. 617 + var maxHeight=0; 618 + 619 + cards.forEach(function(card){ 620 + maxHeight=Math.max( 621 + maxHeight, 622 + card.getBoundingClientRect().height 623 + ); 624 + }); 625 + 626 + maxHeight=Math.ceil(maxHeight); 627 + 628 + if(maxHeight<MIN_H)return null; 629 + 630 + cards.forEach(function(card){ 631 + saveOriginal( 632 + card, 633 + originalMinHeight, 634 + "min-height" 635 + ); 636 + 637 + card.style.setProperty( 638 + "min-height", 639 + maxHeight+"px" 640 + ); 641 + 642 + card.setAttribute( 643 + "data-sn-equal-height-managed", 644 + "4" 645 + ); 646 + 647 + heightManaged.add(card); 648 + }); 649 + 650 + return { 651 + cards:cards.length, 652 + height:maxHeight, 653 + firstSection:firstSection 654 + }; 655 + } 656 + 657 + function run(){ 658 + reset(); 659 + 660 + if( 661 + window.innerWidth<=MOBILE_MAX 662 + ){ 663 + return; 664 + } 665 + 666 + var parents= 667 + Array.from( 668 + root.querySelectorAll("*") 669 + ).filter(function(parent){ 670 + return ( 671 + visible(parent,MIN_W,MIN_H)&& 672 + parent.children&& 673 + parent.children.length>=2&& 674 + parent.children.length<=MAX_PARENT_CHILDREN 675 + ); 676 + }); 677 + 678 + var touched=new Set(); 679 + 680 + parents.forEach(function(parent){ 681 + var entries=[]; 682 + 683 + Array.from(parent.children).forEach(function(child){ 684 + if(!visible(child,MIN_W,MIN_H))return; 685 + 686 + var target=pickTarget(child); 687 + if(!target)return; 688 + 689 + entries.push({ 690 + target:target, 691 + rect:target.getBoundingClientRect() 692 + }); 693 + }); 694 + 695 + if(entries.length<2)return; 696 + 697 + groupsByVisualRow(entries).forEach(function(group){ 698 + if(!validHorizontalGroup(group))return; 699 + 700 + var signature= 701 + group.entries.map(function(entry){ 702 + return entry.target; 703 + }); 704 + 705 + if( 706 + !signature.some(function(el){ 707 + return !touched.has(el); 708 + }) 709 + ){ 710 + return; 711 + } 712 + 713 + var applied= 714 + applyGroup(group); 715 + 716 + if(applied){ 717 + signature.forEach(function(el){ 718 + touched.add(el); 719 + }); 720 + } 721 + }); 722 + }); 723 + } 724 + 725 + function schedule(){ 726 + if(raf)cancelAnimationFrame(raf); 727 + 728 + raf=requestAnimationFrame(function(){ 729 + raf=requestAnimationFrame(function(){ 730 + raf=0; 731 + run(); 732 + }); 733 + }); 734 + } 735 + 736 + addEventListener("resize",schedule,{passive:true}); 737 + addEventListener("load",schedule,{once:true}); 738 + 739 + root.addEventListener( 740 + "click", 741 + function(){ 742 + setTimeout(schedule,0); 743 + }, 744 + true 745 + ); 746 + 747 + Array.from(root.querySelectorAll("img")).forEach(function(img){ 748 + if(!img.complete){ 749 + img.addEventListener("load",schedule,{once:true}); 750 + } 751 + }); 752 + 753 + if(document.fonts&&document.fonts.ready){ 754 + document.fonts.ready.then(schedule); 755 + } 756 + 757 + schedule(); 758 + setTimeout(schedule,200); 759 + setTimeout(schedule,650); 760 + setTimeout(schedule,1400); 761 +})(); 762 +</script> 763 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_END --> 764 +{{/html}} 765 +