Changes for page Project Planning & Organisation
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 2.3
edited by Veronika Kocher
on Friday, 28 Aug 2026 15:46
on Friday, 28 Aug 2026 15:46
Change comment:
There is no comment for this version
To version 9.6
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
on Thursday, 03 Sep 2026 13:04
Change comment:
There is no comment for this version
Summary
-
Page properties (3 modified, 0 added, 0 removed)
Details
- Page properties
-
- Default language
-
... ... @@ -1,0 +1,1 @@ 1 +en - tags
-
... ... @@ -1,0 +1,1 @@ 1 +art and research|enable|project planning|project organisation|roles and responsibilities|resources|timeline|budget|risk management|project roles|project responsibilities|project budget|project timeline|project resources|projektplanung|projektorganisation|zuständigkeiten - Content
-
... ... @@ -1,47 +1,1572 @@ 1 -Plan responsibilities, resources, timelines and organisational arrangements for your Art & Research project. 1 +{{html clean="false"}} 2 +<style> 3 +.pp{max-width:1400px;margin:0 auto;color:#322f2b} .pp *{box-sizing:border-box} 4 +.card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)} 5 +.eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase} 6 +.hero{height:125px;overflow:hidden;background:#f1eee9} .hero img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block} 7 +.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px} 8 +.check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5} 9 +.check:before{content:"✓";position:absolute;left:13px;top:10px;color:#e94b13;font-weight:800} 10 +.info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68} 11 +.info strong{color:#2d5661} .warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e} .warn strong{color:#744531} 12 +.sec{margin:0 0 28px 0} .sec h3{font-size:22px;margin:0 0 6px;color:#35312d} .sec>p{color:#6a655e;line-height:1.55} 13 +.role{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8} .role h4{font-size:17px;margin:0 0 6px;color:#35312d} .role p{margin:0;color:#625d56;line-height:1.5} 14 +.detail{margin:8px 0;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;overflow:hidden} .detail summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#403b36;background:#f3efe8} .detail[open] summary{border-bottom:1px solid #e3ded6} .detail .body{padding:14px 16px;color:#514c46;line-height:1.55} 15 +.chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px;text-decoration:none}.chip:hover,.chip:focus{background:#fff7f1;border-color:#e7c8b8;color:#6f3f2e;text-decoration:none} 16 +.tbl{width:100%;border-collapse:collapse;background:#fffdf9} .tbl th,.tbl td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left} .tbl th{background:#f3efe8;color:#403b36} 17 +.linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} .navlink{display:block;padding:10px 11px;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:6px;background:#fffdf9;color:#252321;text-decoration:none;font-weight:600} .navlink:hover{background:#fff7f1;text-decoration:none} 18 +</style> 2 2 3 -== Overview == 20 +<style> 21 + .research-example-grid{ 22 + display:grid; 23 + grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); 24 + gap:14px; 25 + margin-top:12px; 26 + } 27 + .research-example{ 28 + padding:16px 17px; 29 + border:1px solid #e3ded6; 30 + border-radius:9px; 31 + background:#fcfbf8; 32 + box-shadow:0 1px 3px rgba(0,0,0,.03); 33 + } 34 + .research-example h4{ 35 + font-size:18px; 36 + margin:0 0 7px 0; 37 + color:#35312d; 38 + } 39 + .research-example p{ 40 + margin:0 0 10px 0; 41 + color:#625d56; 42 + line-height:1.5; 43 + } 44 + .research-example a{ 45 + display:inline-block; 46 + font-weight:700; 47 + text-decoration:none; 48 + } 49 + .research-example a:hover, 50 + .research-example a:focus{ 51 + text-decoration:underline; 52 + } 53 +</style> 4 4 5 -Add a concise explanation of this topic and why it matters for Art & Research projects. 6 6 7 - == What you needto know==56 +<div class="pp"> 8 8 9 -* Key concepts 10 -* Relevant requirements 11 -* Important distinctions 58 +<section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;"> 59 +<div class="hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planning and organising an artistic or research project"></div> 60 +<div style="padding:18px 21px 20px"> 61 +<div class="eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · PROJECT PLANNING & ORGANISATION</div> 62 +<h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Build a project that can actually be hosted, funded, staffed and delivered</h2> 63 +<p style="margin:0;color:#5e5953;line-height:1.6;max-width:1120px">Project planning at the Angewandte is not only a timeline and a budget. A workable project needs an artistic or research home, clear responsibilities, an appropriate funding and administrative route, and early coordination with the university structures triggered by your project.</p> 64 +</div></section> 12 12 13 -== What you need to do==66 +<div class="info" style="margin-bottom:20px"><strong>Do not contact every unit at once.</strong> Start with your <strong>academic/artistic home</strong> and, for funded or project-based art/research, <strong>Support Kunst und Forschung</strong>. Then involve other structures only when a project trigger makes them relevant: staff, money, contracts, IT, rooms, events, data, students, accessibility, international partners, etc.</div> 14 14 15 -1. Identify what applies to your project. 16 -2. Document the relevant decisions. 17 -3. Use appropriate institutional services and support where needed. 68 +<div class="warn" style="margin-bottom:28px"><strong>Current structures can change.</strong> This page follows the current 2026 organisational structure and links to live university pages. For approvals, signatures, internal deadlines and binding procedures, confirm the current route with the responsible unit.</div> 18 18 19 -== Key questions == 70 +<section class="sec"> 71 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 1 · PROJECT GOVERNANCE</div> 72 +<h3>Define the internal project structure before the detailed work plan</h3> 73 +<p>Write down names, not just functions. One person can hold several roles in a small project, but the responsibility should still be explicit.</p> 74 +<div class="grid"> 75 +<div class="role"><h4>Project / artistic-research lead</h4><p>Owns the concept, scope, key decisions, quality and external commitments.</p></div> 76 +<div class="role"><h4>Institutional / academic home</h4><p>The institute, department, special university facility or organisational unit in which the project is anchored.</p></div> 77 +<div class="role"><h4>Project administration</h4><p>Coordinates proposal documents, deadlines, funder communication, contracts, evidence and internal routing.</p></div> 78 +<div class="role"><h4>Budget responsibility</h4><p>Maintains the working budget, funding conditions, approvals, cost tracking and change control.</p></div> 79 +<div class="role"><h4>People / team responsibility</h4><p>Clarifies staffing, recruitment, workload, contracts, onboarding, external contributors and collaboration.</p></div> 80 +<div class="role"><h4>Data / documentation responsibility</h4><p>Coordinates files, storage, backup, access, metadata, consent, documentation and handover.</p></div> 81 +<div class="role"><h4>Infrastructure / production responsibility</h4><p>Coordinates rooms, workshops, equipment, IT, procurement, logistics, safety and technical dependencies.</p></div> 82 +<div class="role"><h4>Communication / dissemination responsibility</h4><p>Plans public communication, publication, events, documentation, credits, visibility and audiences.</p></div> 83 +<div class="role"><h4>Partner contact</h4><p>Coordinates external institutions, deliverables, budget interfaces and agreements.</p></div> 84 +</div> 85 +</section> 20 20 21 -* What needs to be decided? 22 -* Who is responsible? 23 -* What needs to be documented? 24 -* Are there legal, ethical or technical constraints? 25 -* What needs to happen before the next project phase? 87 +<section class="sec"> 88 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 2 · INTERNAL ROUTE</div> 89 +<h3>Use this order to navigate the Angewandte</h3> 90 +<div class="grid"> 91 +<div class="check"><strong>1 · Anchor the project</strong><br>Clarify the institute, department, special university facility or organisational unit that hosts it.</div> 92 +<div class="check"><strong>2 · Clarify funding / project route</strong><br>For art, research and externally funded projects, involve Support Kunst und Forschung early.</div> 93 +<div class="check"><strong>3 · Trigger specialist services</strong><br>Finance, HR, Legal, IT, Facility, Events, Communication, International, Library, Studies, DEI, etc. only where needed.</div> 94 +<div class="check"><strong>4 · Confirm institutional approvals</strong><br>Clarify internal deadlines, budget/HR approval, signing authority, contracts and external submission route.</div> 95 +<div class="check"><strong>5 · Freeze the submission baseline</strong><br>Store the final call, approved budget, work plan, roles and submitted documents.</div> 96 +<div class="check"><strong>6 · Plan change control</strong><br>Decide who must approve changes to scope, staff, budget, partners, timeline or public outputs.</div> 97 +</div> 98 +</section> 26 26 27 -== Services & Tools == 28 28 29 -Add links to relevant institutional services, infrastructure and tools. 101 +<section class="sec"> 102 + <div class="eye" style="color:#8a4d36;margin-bottom:4px">EXAMPLES · HOW RESEARCH IS SITUATED AT THE ANGEWANDTE</div> 103 + <h3>Use existing projects to understand possible research profiles and institutional homes</h3> 104 + <p> 105 + The Angewandte presents research projects through several research-focus perspectives. 106 + These pages are useful when you are trying to understand how a project like yours might be framed, 107 + where comparable projects are located in the University, which funding programmes have been used, 108 + and which institutes or research environments have hosted related work. 109 + </p> 30 30 31 - ==InfoSheets& Checklists==111 + <div class="research-example-grid"> 32 32 33 -Add links to related Info Sheets, checklists and templates. 113 + <div class="research-example" style="border-top:4px solid #e94b13;"> 114 + <div class="eye" style="font-size:11px;color:#8a4d36;margin-bottom:5px;">ARTISTIC RESEARCH</div> 115 + <h4>Fokus Künstlerische Forschung</h4> 116 + <p> 117 + Examples of artistic and arts-based research projects at the Angewandte, including many projects 118 + funded through FWF PEEK and related programmes. Use this page to see how artistic practice, 119 + research questions, project leadership and institutional affiliation come together in funded projects. 120 + </p> 121 + <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/kuenstlerische_forschung" 122 + target="_blank" rel="noopener"> 123 + View artistic research projects ↗ 124 + </a> 125 + </div> 34 34 35 -== Tutorials == 127 + <div class="research-example" style="border-top:4px solid #21b6d7;"> 128 + <div class="eye" style="font-size:11px;color:#3f6871;margin-bottom:5px;">SCIENTIFIC RESEARCH</div> 129 + <h4>Fokus Wissenschaftliche Forschung</h4> 130 + <p> 131 + Examples of scientific research across the University's institutes and fields, including FWF-funded 132 + basic research, ESPRIT projects and other externally funded research. Use this page to compare project types, 133 + hosts, funding programmes and disciplinary or interdisciplinary research settings. 134 + </p> 135 + <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/wissenschaftliche_forschung" 136 + target="_blank" rel="noopener"> 137 + View scientific research projects ↗ 138 + </a> 139 + </div> 36 36 37 -Add links to step-by-step tutorials for this topic. 141 + <div class="research-example" style="border-top:4px solid #38b76a;"> 142 + <div class="eye" style="font-size:11px;color:#4a6c53;margin-bottom:5px;">RELATIONAL / CROSS-CUTTING RESEARCH</div> 143 + <h4>Fokus Relationale Forschung</h4> 144 + <p> 145 + Examples of projects organised through specific calls, thematic relationships and cross-cutting research 146 + frameworks, including INTRA, digital and social transformation and research-infrastructure initiatives. 147 + Use this page when your project connects disciplines, infrastructures, institutions or thematic programmes. 148 + </p> 149 + <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/fokus_relationale_forschung" 150 + target="_blank" rel="noopener"> 151 + View relational research projects ↗ 152 + </a> 153 + </div> 38 38 39 - ==RelatedTopics ==155 + </div> 40 40 41 -Add links to related pages in Enable, Work & Manage, and Publish & Share. 157 + <div class="info" style="margin-top:14px;"> 158 + <strong>How to use these examples:</strong> 159 + do not copy a project's structure simply because the topic looks similar. 160 + Compare the <strong>project type, host unit, funding programme, project lead, partners, duration and outputs</strong>. 161 + These are the elements that help you judge whether an existing project is a useful planning reference for your own proposal. 162 + </div> 163 +</section> 42 42 43 -== Need help? == 165 +<section class="sec"> 166 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 3 · WHO SHOULD I INVOLVE?</div> 167 +<h3>Project-relevant structures of the Angewandte</h3> 168 +<p>Not every project needs every unit. Use the trigger descriptions below.</p> 169 +<details class="detail" open> 170 +<summary>A · Your institute, department, workshop or special university facility — the project home</summary> 171 +<div class="body"> 172 +<p><strong>Involve early when:</strong> the project uses the unit's name, staff time, rooms, workshops, equipment, teaching, budget, infrastructure or institutional commitments.</p> 173 +<p><strong>Current institutes:</strong></p> 174 +<div><a class="chip" href="https://www.dieangewandte.at/en/institutes/architecture/institute_of_architecture" target="_blank" rel="noopener" title="Open Institute of Architecture on dieAngewandte">Institute of Architecture</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/fine_arts_and_media_art" target="_blank" rel="noopener" title="Open Institute of Fine Arts & Media Art on dieAngewandte">Institute of Fine Arts & Media Art</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/design" target="_blank" rel="noopener" title="Open Institute of Design on dieAngewandte">Institute of Design</a><a class="chip" href="https://www.dieangewandte.at/en/ikr_institut" target="_blank" rel="noopener" title="Open Institute of Conservation and Restoration on dieAngewandte">Institute of Conservation and Restoration</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/arts_and_society/institute_of_arts_and_society" target="_blank" rel="noopener" title="Open Institute of Art and Society on dieAngewandte">Institute of Art and Society</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/art_and_technology" target="_blank" rel="noopener" title="Open Institute of Art and Technology on dieAngewandte">Institute of Art and Technology</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/studies_in_art_and_art_education" target="_blank" rel="noopener" title="Open Institute of Art Sciences, Art Education and Art Mediation on dieAngewandte">Institute of Art Sciences, Art Education and Art Mediation</a><a class="chip" href="https://www.dieangewandte.at/languagearts" target="_blank" rel="noopener" title="Open Institute of Language Arts on dieAngewandte">Institute of Language Arts</a></div> 175 +<p style="margin-top:12px;"><strong>Special university facilities that can become project homes, partners, infrastructures or research resources:</strong></p> 176 +<div><a class="chip" href="https://www.dieangewandte.at/en/university/organisation/special_university_facilities/angewandte_interdisciplinary_laboratory" target="_blank" rel="noopener" title="Open Angewandte Interdisciplinary Lab on dieAngewandte">Angewandte Interdisciplinary Lab</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/angewandte_performance_laboratory_apl" target="_blank" rel="noopener" title="Open Angewandte Performance Lab on dieAngewandte">Angewandte Performance Lab</a><a class="chip" href="https://www.dieangewandte.at/art_science_school_transformation" target="_blank" rel="noopener" title="Open Art x Science School for Transformation on dieAngewandte">Art x Science School for Transformation</a><a class="chip" href="https://www.dieangewandte.at/doctoral_centre" target="_blank" rel="noopener" title="Open Doctoral Centre on dieAngewandte">Doctoral Centre</a><a class="chip" href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener" title="Open Diversity, Equity, Inclusion on dieAngewandte">Diversity, Equity, Inclusion</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/collection_and_archive" target="_blank" rel="noopener" title="Open Art Collection and Archive on dieAngewandte">Art Collection and Archive</a><a class="chip" href="https://www.dieangewandte.at/en/university/university_gallery" target="_blank" rel="noopener" title="Open University Gallery on dieAngewandte">University Gallery</a><a class="chip" href="https://www.dieangewandte.at/institute/peterweibel" target="_blank" rel="noopener" title="Open Weibel Institute for Digital Cultures on dieAngewandte">Weibel Institute for Digital Cultures</a></div> 177 +<p style="margin-top:12px;"><a href="https://www.dieangewandte.at/universitaet/organisation" target="_blank" rel="noopener">Current university organisation</a></p> 178 +</div> 179 +</details><details class="detail" open> 180 +<summary>B · Support Kunst und Forschung — project and funding coordination</summary> 181 +<div class="body"> 182 +<p><strong>Use when:</strong> developing artistic, scientific or arts-based research projects; looking for funding; preparing external proposals; coordinating third-party funded projects.</p> 183 +<ul> 184 +<li>concept development and feedback</li> 185 +<li>funding landscape and call fit</li> 186 +<li>administrative and financial project co-design</li> 187 +<li>coordination of funded projects and partners</li> 188 +<li>support involving FWF, FFG, EU programmes, City of Vienna and other funders</li> 189 +</ul> 190 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">Support Kunst und Forschung</a> · <a href="mailto:support_kf@uni-ak.ac.at">support_kf@uni-ak.ac.at</a></p> 191 +</div> 192 +</details><details class="detail"> 193 +<summary>C · Rektorat — strategy, institutional commitment and university-level responsibility</summary> 194 +<div class="body"> 195 +<p>Most projects do <strong>not</strong> begin by contacting the Rektorat directly. It becomes relevant when a project requires university-level decisions, commitments, strategy, resources, partnerships or signing authority. Route questions through your host unit and responsible service wherever possible.</p> 196 +<ul> 197 +<li><strong>Rector:</strong> overall strategy, budget/personnel allocation to organisational units, institutional representation, international university partnerships, employment/service contracts and powers of attorney.</li> 198 +<li><strong>Vice-Rector for Science, Research & Digitality:</strong> research strategy, artistic/scientific research support, digital development, IT & Digitalisation, Support Art & Research, University Library and doctoral admissions.</li> 199 +<li><strong>Vice-Rector for Finance & Infrastructure:</strong> financial management, third-party funds management, resources, procurement/infrastructure, estates, Facility Management and Event Management.</li> 200 +<li><strong>Vice-Rector for Art, Teaching & Learning:</strong> study/examination matters, teaching, teaching quality, curricular/learning issues and teaching resources.</li> 201 +<li><strong>Vice-Rector for Cooperative Disciplinarity, Engagement & Innovation:</strong> international relations and partnerships, Diversity/Equity/Inclusion, International Office, AIL and Art x Science School for Transformation.</li> 202 +</ul> 203 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/rektorat" target="_blank" rel="noopener">Current Rektorat and portfolios</a></p> 204 +</div> 205 +</details><details class="detail"> 206 +<summary>D · Finances — budget, accounting, controlling and resource planning</summary> 207 +<div class="body"> 208 +<p><strong>Use when:</strong> the project has a budget, third-party funds, invoices, income, cost planning, co-funding, financial reporting or institutional resources.</p> 209 +<ul> 210 +<li><strong>Controlling:</strong> budget planning, monitoring, steering data, financial plans and reporting interfaces.</li> 211 +<li><strong>Financial Accounting:</strong> university payments, creditors/debtors, service contracts/guest lectures, bookkeeping, assets, VAT/tax information and financial statements.</li> 212 +<li><strong>Resource Planning:</strong> clarify current responsibilities for institutional resource planning and the project's budget route.</li> 213 +</ul> 214 +<p><a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen" target="_blank" rel="noopener">Finances</a> · 215 +<a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen/controlling" target="_blank" rel="noopener">Controlling</a> · 216 +<a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen/finanzbuchhaltung" target="_blank" rel="noopener">Financial Accounting</a></p> 217 +</div> 218 +</details><details class="detail"> 219 +<summary>E · Personnel — staffing, contracts, workload, onboarding and team development</summary> 220 +<div class="body"> 221 +<p><strong>Use when:</strong> the project creates or changes employment, recruits project staff, uses existing staff time, requires onboarding or needs help with team collaboration.</p> 222 +<ul> 223 +<li><strong>Personnel Management:</strong> employment and personnel administration; clarify the current route for project staff and contract types.</li> 224 +<li><strong>Personnel Development:</strong> onboarding, team coaching, organisational development, conflict support/mediation, leadership coaching and staff development.</li> 225 +<li>Clarify personnel lead times before promising start dates in a proposal.</li> 226 +<li>Do not assume an external budget line automatically creates an employment route.</li> 227 +</ul> 228 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/personal_finanzen_recht" target="_blank" rel="noopener">Personnel</a> · 229 +<a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/personalentwicklung" target="_blank" rel="noopener">Personnel Development</a></p> 230 +</div> 231 +</details><details class="detail"> 232 +<summary>F · Legal & Data Protection — contracts, rights, IP, personal data and legal risk</summary> 233 +<div class="body"> 234 +<p><strong>Use when:</strong> agreements, external partners, licences, copyright/IP, personal data, confidentiality, complex terms or institutional legal commitments are involved.</p> 235 +<ul> 236 +<li><strong>Legal Department:</strong> supports university members with legal questions.</li> 237 +<li><strong>Data Protection Officer:</strong> involve where personal-data processing, data-sharing, processors/platforms or other privacy questions require specialist review.</li> 238 +<li>Plan legal review before the proposal deadline if funder/partner contracts are part of submission.</li> 239 +</ul> 240 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/recht" target="_blank" rel="noopener">Legal</a> · <a href="mailto:rechtsabteilung@uni-ak.ac.at">rechtsabteilung@uni-ak.ac.at</a></p> 241 +</div> 242 +</details><details class="detail"> 243 +<summary>G · IT & Digitalisation — systems, digital services, infrastructure and IT projects</summary> 244 +<div class="body"> 245 +<p><strong>Use when:</strong> the project needs accounts, university IT, servers/storage, networking, specialist digital systems, integration, new software/services or a digital institutional process.</p> 246 +<ul> 247 +<li><strong>Base</strong></li> 248 +<li><strong>ITD Project Coordination</strong></li> 249 +<li><strong>Central IT Services (ZID):</strong> university-wide information and communication infrastructure, service/support, networks, servers and art-university-specific IT systems.</li> 250 +</ul> 251 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/it_digitalisierung" target="_blank" rel="noopener">IT & Digitalisation</a> · <a href="mailto:helpdesk@uni-ak.ac.at">helpdesk@uni-ak.ac.at</a></p> 252 +</div> 253 +</details><details class="detail"> 254 +<summary>H · Facility Management — rooms, procurement, material, building services, logistics and safety</summary> 255 +<div class="body"> 256 +<p><strong>Use when:</strong> the project needs space, temporary rooms, equipment/material procurement, technical building requirements, logistics, deliveries, storage, access or safety coordination.</p> 257 +<ul> 258 +<li><strong>Procurement & Material Management:</strong> procurement advice, quotations, purchasing, orders/invoices, assets/inventory, materials.</li> 259 +<li><strong>Building Technology & Safety</strong></li> 260 +<li><strong>Estates & Room Coordination:</strong> room and estate coordination, centrally bookable rooms.</li> 261 +<li><strong>Post & Logistics</strong></li> 262 +<li><strong>Service & Operations</strong></li> 263 +</ul> 264 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/facility_management" target="_blank" rel="noopener">Facility Management</a> · 265 +<a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/facility_management/logistik__beschaffung" target="_blank" rel="noopener">Procurement & Material Management</a> · 266 +<a href="https://www.dieangewandte.at/liegenschaften_und_raumkoordination" target="_blank" rel="noopener">Estates & Room Coordination</a></p> 267 +</div> 268 +</details><details class="detail"> 269 +<summary>I · Event Management — public events, event rooms and production coordination</summary> 270 +<div class="body"> 271 +<p><strong>Use when:</strong> the project contains a symposium, screening, performance, public presentation, conference, major exhibition event or requires centrally managed event rooms/services.</p> 272 +<ul> 273 +<li>supports employees with planning and implementation of university events</li> 274 +<li>supports idea and room finding, preparation, event delivery and follow-up</li> 275 +<li>coordinate early with Facility Management for room/building/technical dependencies</li> 276 +<li>coordinate public communication with Press & Communication</li> 277 +</ul> 278 +<p><a href="https://dieangewandte.at/veranstaltungsmanagement" target="_blank" rel="noopener">Event Management</a> · <a href="mailto:veranstaltungen@uni-ak.ac.at">veranstaltungen@uni-ak.ac.at</a></p> 279 +</div> 280 +</details><details class="detail"> 281 +<summary>J · Press & Communication — public visibility, media, publications, web and cooperation</summary> 282 +<div class="body"> 283 +<p><strong>Use when:</strong> the project will represent the University publicly, needs press/media work, web/social communication, marketing, institutional publications, graphical/CI support or public cooperation communication.</p> 284 +<ul> 285 +<li>Press</li><li>Publications / Edition Angewandte</li><li>Cooperations</li><li>Marketing</li> 286 +<li>Website / social media / newsletter</li><li>institutional visual identity / CI considerations</li> 287 +</ul> 288 +<p><a href="https://www.dieangewandte.at/presse_kommunikation" target="_blank" rel="noopener">Press & Communication</a></p> 289 +</div> 290 +</details><details class="detail"> 291 +<summary>K · International Office — mobility and international project context</summary> 292 +<div class="body"> 293 +<p><strong>Use when:</strong> staff/student mobility, exchange routes, international visitors or mobility funding are part of the project.</p> 294 +<p>For broader university partnerships and institutional international cooperation, the responsible Vice-Rectorate / Rectorate route may also become relevant.</p> 295 +<p><a href="https://www.dieangewandte.at/studium/auslandsaufenthalte/personalmobilitaet" target="_blank" rel="noopener">International Office · staff mobility</a> · <a href="mailto:international.office@uni-ak.ac.at">international.office@uni-ak.ac.at</a></p> 296 +</div> 297 +</details><details class="detail"> 298 +<summary>L · University Library & research/discovery structures</summary> 299 +<div class="body"> 300 +<p><strong>Use when:</strong> the project needs literature, licensed databases, research discovery, publication/repository routes or library expertise.</p> 301 +<p>Also think beyond the Library where your project uses institutional collections, archives or specialist research resources: Art Collection and Archive, Weibel Institute and other special university facilities can be relevant depending on the topic.</p> 302 +<p><a href="https://www.dieangewandte.at/universitaetsbibliothek" target="_blank" rel="noopener">University Library</a></p> 303 +</div> 304 +</details><details class="detail"> 305 +<summary>M · Studies, Teaching, Curricula & Doctoral Centre</summary> 306 +<div class="body"> 307 +<p><strong>Use when:</strong> the project directly affects teaching, courses, curricula, assessment, students, graduation work or doctoral study.</p> 308 +<ul> 309 +<li><strong>Study Affairs:</strong> student administration and study-law processes from admission to graduation.</li> 310 +<li><strong>Vice-Rector for Art, Teaching & Learning:</strong> teaching, studies/exams, teaching quality and teaching resources.</li> 311 +<li><strong>Doctoral Centre:</strong> central contact for doctoral candidates; supports networking and project initiation across doctoral programmes.</li> 312 +<li><strong>Quality Culture Teaching & Curriculum Workshop:</strong> involve for relevant teaching/curricular/quality-development questions according to current remit.</li> 313 +</ul> 314 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/studienangelegenheiten" target="_blank" rel="noopener">Study Affairs</a> · 315 +<a href="https://prod.dieangewandte.at/doktoratszentrum" target="_blank" rel="noopener">Doctoral Centre</a></p> 316 +</div> 317 +</details><details class="detail"> 318 +<summary>N · Diversity, Equity, Inclusion & Accessibility</summary> 319 +<div class="body"> 320 +<p><strong>Use when:</strong> accessibility, inclusion, participation design, equal opportunity, diversity, disability, structural barriers or inclusive communication need to be planned into the project.</p> 321 +<ul> 322 +<li>DEI connects diversity, equity/inclusion and accessibility expertise.</li> 323 +<li>Team Barrierefrei provides practical accessibility information and contacts for staff/students with disabilities.</li> 324 +<li>For events, plan accessibility early enough to budget interpretation, technical support, accessible rooms or other measures.</li> 325 +</ul> 326 +<p><a href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener">Diversity, Equity, Inclusion</a> · 327 +<a href="https://www.dieangewandte.at/barrierefrei" target="_blank" rel="noopener">Accessibility at the Angewandte</a></p> 328 +</div> 329 +</details><details class="detail"> 330 +<summary>O · University Development & Quality Culture</summary> 331 +<div class="body"> 332 +<p><strong>Use when:</strong> the project is institution-wide, strategically relevant, develops organisational/quality processes, creates new cross-unit structures or needs connection to university development and quality culture.</p> 333 +<p>For ordinary project delivery this is not a default project-administration unit. Involve it where the project's purpose genuinely touches institutional development or quality processes.</p> 334 +<p><a href="mailto:uq@uni-ak.ac.at">uq@uni-ak.ac.at</a></p> 335 +</div> 336 +</details><details class="detail"> 337 +<summary>P · Equality / staff / student representation — independent advice and representation</summary> 338 +<div class="body"> 339 +<p>These structures are not project-management offices, but they can be essential when a project raises employment, discrimination, participation or conflict questions.</p> 340 +<ul> 341 +<li><strong>Arbeitskreis für Gleichbehandlungsfragen (AKG):</strong> confidential contact on equality, discrimination and harassment.</li> 342 +<li><strong>Works Councils:</strong> representation of artistic/scientific and general university staff in employment matters.</li> 343 +<li><strong>HUFAK / Students' Union:</strong> student representation; relevant where student participation and student interests are central.</li> 344 +<li><strong>Arbitration Commission:</strong> part of the University's governance/interest-representation structure; not a routine project-planning service.</li> 345 +</ul> 346 +<p><a href="https://dieangewandte.at/gleichbehandlung" target="_blank" rel="noopener">AKG</a> · 347 +<a href="https://www.dieangewandte.at/universitaet/organisation/interessensvertretung/betriebsrat_fuer_das_kuenstlerische_und_wissenschaftliche_personal" target="_blank" rel="noopener">Works Council artistic/scientific staff</a> · 348 +<a href="https://www.dieangewandte.at/hufak" target="_blank" rel="noopener">HUFAK</a></p> 349 +</div> 350 +</details> 351 +</section> 44 44 45 -Not sure what applies to your project? Contact Art & Research Services for support. 353 +<section class="sec"> 354 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 4 · TRIGGER MATRIX</div> 355 +<h3>If the project does this, involve these structures early</h3> 356 +<table class="tbl"> 357 +<thead><tr><th>Project trigger</th><th>Start with</th><th>Then check</th></tr></thead> 358 +<tbody><tr><td>External research / arts-based research funding</td><td>Host unit + Support Kunst und Forschung</td><td>Finances, Personnel, Legal, Rectorate route as required</td></tr><tr><td>New staff / project employment / changed workload</td><td>Host unit + Personnel</td><td>Finances, Support Kunst und Forschung, Works Council if representation advice is needed</td></tr><tr><td>Large purchase / equipment / external service</td><td>Procurement & Material Management</td><td>Finances, host unit, IT or Facility depending on item</td></tr><tr><td>New software, server, database, digital platform or integration</td><td>IT & Digitalisation / ZID</td><td>Data Protection, Legal, procurement, research-data planning</td></tr><tr><td>Rooms, workshop, exhibition build, building intervention</td><td>Host unit + Facility / Room Coordination</td><td>Safety, procurement, Event Management, accessibility</td></tr><tr><td>Public event / symposium / screening / performance</td><td>Event Management</td><td>Facility, Press & Communication, rights, accessibility, safety</td></tr><tr><td>External contract / cooperation agreement / IP / confidentiality</td><td>Legal</td><td>Support Kunst und Forschung, Rectorate route, Finance, Data Protection</td></tr><tr><td>Personal data / participant data / interviews / recordings</td><td>Data Protection + project lead</td><td>Ethics/consent, IT/storage, Legal, funder requirements</td></tr><tr><td>Publication, media campaign, university web/social media</td><td>Press & Communication</td><td>Rights/licensing, Support Kunst und Forschung, repository/library</td></tr><tr><td>International mobility</td><td>International Office</td><td>Host unit, Support Kunst und Forschung, Personnel/Finance depending on funding</td></tr><tr><td>Formal international university partnership</td><td>Host unit + responsible Rectorate route</td><td>International Office, Legal, Support Kunst und Forschung</td></tr><tr><td>Teaching / curriculum / study-law component</td><td>Host institute/department</td><td>Vice-Rector Art/Teaching/Learning, Study Affairs, quality/curriculum structures</td></tr><tr><td>Doctoral project / doctoral candidate structure</td><td>Doctoral Centre + relevant programme</td><td>Research Vice-Rectorate/admission route, Support Kunst und Forschung</td></tr><tr><td>Accessibility / inclusion / disability requirements</td><td>DEI / Team Barrierefrei</td><td>Facility, Event Management, Communication, Personnel or Study Affairs</td></tr><tr><td>Discrimination / equality / harassment concern</td><td>AKG</td><td>Independent/confidential route; other units only as appropriate</td></tr></tbody> 359 +</table> 360 +</section> 46 46 47 -TODO: Replace this line with the central contact-form link once the form is available. 362 +<section class="sec"> 363 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 5 · THE ACTUAL PROJECT PLAN</div> 364 +<h3>Your planning file should contain these components</h3> 365 +<div class="grid"> 366 +<div class="check"><strong>Project Charter</strong><br>Purpose, scope, non-scope, project type, host, lead, partners, start/end, outputs.</div> 367 +<div class="check"><strong>Role & responsibility matrix</strong><br>Who decides, does, approves, is consulted and must be informed.</div> 368 +<div class="check"><strong>Work plan</strong><br>Work packages, milestones, dependencies, decision points, public outputs and closure.</div> 369 +<div class="check"><strong>Budget baseline</strong><br>Costs, funding source, co-funding, institutional resources, assumptions and contingencies.</div> 370 +<div class="check"><strong>People plan</strong><br>Existing staff, new hires, external contributors, workload, contracts, onboarding and handover.</div> 371 +<div class="check"><strong>Procurement / infrastructure plan</strong><br>Purchases, equipment, rooms, workshops, IT, logistics, safety and lead times.</div> 372 +<div class="check"><strong>Partner plan</strong><br>Roles, budget interfaces, deliverables, agreements, IP, data, communication and escalation.</div> 373 +<div class="check"><strong>Rights / ethics / data plan</strong><br>Third-party material, consent, personal data, licences, confidentiality and ethics review.</div> 374 +<div class="check"><strong>Communication / event plan</strong><br>Audiences, media, publication, event needs, CI, accessibility and documentation.</div> 375 +<div class="check"><strong>Risk register</strong><br>Funding, people, rights, data, schedule, supplier, technical, venue, partner and reputational risks.</div> 376 +<div class="check"><strong>Decision log</strong><br>Important decisions, date, responsible person, reason and impact.</div> 377 +<div class="check"><strong>Closure / handover plan</strong><br>Final files, reporting, repository/archive, equipment, accounts, access, retention and responsibilities.</div> 378 +</div> 379 +</section> 380 + 381 +<section class="sec"> 382 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 6 · PLAN BACKWARDS</div> 383 +<h3>The external deadline is not your first deadline</h3> 384 +<table class="tbl"> 385 +<thead><tr><th>Planning point</th><th>Question</th></tr></thead> 386 +<tbody> 387 +<tr><td><strong>External submission / public opening</strong></td><td>What must be complete and approved here?</td></tr> 388 +<tr><td><strong>Institutional approval / signature</strong></td><td>Who needs final documents and review time?</td></tr> 389 +<tr><td><strong>Legal / partner agreements</strong></td><td>What must be reviewed before submission?</td></tr> 390 +<tr><td><strong>Budget / personnel / procurement review</strong></td><td>Are rates, hires, purchases and resources realistic and permitted?</td></tr> 391 +<tr><td><strong>Project concept freeze</strong></td><td>When must scope, roles, work packages and outputs stop changing?</td></tr> 392 +<tr><td><strong>Partner input</strong></td><td>When must partners deliver text, budgets, letters and approvals?</td></tr> 393 +<tr><td><strong>Internal start</strong></td><td>When must planning begin to make all of this possible?</td></tr> 394 +</tbody></table> 395 +</section> 396 + 397 +<section class="sec"> 398 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">STOP & CHECK</div> 399 +<h3>Project-planning red flags</h3> 400 +<div class="grid"> 401 +<div class="warn"><strong>No institutional home.</strong><br>The project uses the University's name/resources but no host unit has accepted responsibility.</div> 402 +<div class="warn"><strong>External commitment without approval.</strong><br>A partner, funder, venue or supplier has been promised something before the internal route is clear.</div> 403 +<div class="warn"><strong>People appear only as budget lines.</strong><br>Employment/contract routes and lead times have not been checked.</div> 404 +<div class="warn"><strong>Equipment appears only as a price.</strong><br>Procurement, ownership, installation, IT, safety, maintenance and storage have not been planned.</div> 405 +<div class="warn"><strong>Public output planned, rights unresolved.</strong><br>Publication/exhibition/streaming has been promised without confirming rights, consent or data protection.</div> 406 +<div class="warn"><strong>No owner for project end.</strong><br>No one is responsible for final reporting, master files, repository/archive, equipment, accounts and access closure.</div> 407 +</div> 408 +</section> 409 + 410 +<section class="sec"> 411 +<div class="eye" style="color:#8a4d36;margin-bottom:4px">CONTINUE PLANNING</div> 412 +<h3>Related Enable topics</h3> 413 +<div class="linkgrid"><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">Funding & Funder Requirements</a><a class="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><a class="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><a class="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><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">Data Protection & Ethics</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">File Organisation & Naming</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/">Storage, Backup & Security</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/">Infrastructure, Services & Tools</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">Collaboration Setup</a></div> 414 +</section> 415 + 416 +<div class="info" style="margin-bottom:14px"><strong>Need help structuring the project?</strong> For funded, artistic, scientific and arts-based research projects, Support Kunst und Forschung is a central coordination point. Bring a short project description, host unit, likely applicant, partners, duration, rough budget and the main things you need from the University.</div> 417 + 418 +<!-- ARSN_SEARCH_TERMS_START --> 419 +<details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6"> 420 +<summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms & related topics</summary> 421 +<div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7">project planning · project organisation · project management · project governance · roles and responsibilities · RACI · work packages · timeline · milestones · dependencies · budget planning · risk management · project host · institute · department · Rektorat · Support Kunst und Forschung · third-party funding · finance · controlling · accounting · personnel · HR · contracts · legal · data protection · IT · digital services · procurement · room planning · facility management · event management · press and communication · international cooperation · mobility · library · doctoral project · teaching · curriculum · accessibility · diversity · equality · inclusion · AKG · works council · project partners · institutional approval · signing authority · decision log · handover</div> 422 +</details> 423 +<!-- ARSN_SEARCH_TERMS_END --> 424 + 425 +</div> 426 +{{/html}} 427 + 428 +{{html clean="false"}} 429 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START --> 430 + 431 +<style data-sn-service-navigator-master="1"> 432 +/* ========================================================= 433 + MASTER TYPOGRAPHY 434 + ========================================================= */ 435 +#xwikicontent h1, 436 +#xwikicontent h2, 437 +#xwikicontent h3, 438 +#xwikicontent h4, 439 +#xwikicontent h5, 440 +#xwikicontent h6, 441 +#xwikicontent .box-title, 442 +#xwikicontent [role="heading"], 443 +#xwikicontent h1 a, 444 +#xwikicontent h2 a, 445 +#xwikicontent h3 a, 446 +#xwikicontent h4 a, 447 +#xwikicontent h5 a, 448 +#xwikicontent h6 a, 449 +#xwikicontent .box-title a, 450 +#xwikicontent [role="heading"] a{ 451 + text-align:left!important; 452 + text-justify:auto!important; 453 + word-spacing:normal!important; 454 +} 455 + 456 +/* ========================================================= 457 + COMING SOON / IN VORBEREITUNG 458 + ========================================================= */ 459 +.sn-coming-soon-badge{ 460 + display:inline-block; 461 + vertical-align:middle; 462 + margin-left:10px; 463 + padding:4px 8px; 464 + border-radius:14px; 465 + border:1px solid #efd9cc; 466 + background:#fff4ee; 467 + color:#8a4d36; 468 + font-size:11px; 469 + font-weight:700; 470 + letter-spacing:.055em; 471 + line-height:1.2; 472 + white-space:nowrap; 473 +} 474 + 475 +/* ========================================================= 476 + NATIVE / DETAIL CALLOUT GEOMETRY 477 + Preserve existing backgrounds. 478 + ========================================================= */ 479 +#xwikicontent .arsn-info, 480 +#xwikicontent .dmp-info, 481 +#xwikicontent .ido-info, 482 +#xwikicontent .pp-info, 483 +#xwikicontent .infomessage{ 484 + box-sizing:border-box!important; 485 + border-left:4px solid #21b6d7!important; 486 + border-radius:8px; 487 + text-align:left!important; 488 + word-spacing:normal!important; 489 +} 490 + 491 +#xwikicontent .arsn-warn, 492 +#xwikicontent .dmp-warn, 493 +#xwikicontent .ido-warn, 494 +#xwikicontent .pp-warn, 495 +#xwikicontent .warn, 496 +#xwikicontent .warning, 497 +#xwikicontent .warningmessage, 498 +#xwikicontent .errormessage{ 499 + box-sizing:border-box!important; 500 + border-left:4px solid #e94b13!important; 501 + border-radius:8px; 502 + text-align:left!important; 503 + word-spacing:normal!important; 504 +} 505 + 506 +[data-sn-master-equal-height], 507 +[data-sn-master-first-row]{ 508 + box-sizing:border-box; 509 +} 510 +</style> 511 + 512 +<script data-sn-service-navigator-master="1"> 513 +(function(){ 514 + "use strict"; 515 + 516 + var PAGE_KIND="detail"; 517 + var PLACEHOLDER=false; 518 + var PLACEHOLDER_LABEL="COMING SOON"; 519 + 520 + var MOBILE_MAX=767; 521 + var ROW_TOLERANCE=6; 522 + var RESIZE_DEBOUNCE=220; 523 + 524 + var root= 525 + document.getElementById("xwikicontent")|| 526 + document.querySelector(".xwiki-rendering-content")|| 527 + document.querySelector("main")|| 528 + document.body; 529 + 530 + if(!root)return; 531 + 532 + var managedHeight=new Set(); 533 + var managedMargin=new Set(); 534 + var originalHeight=new WeakMap(); 535 + var originalMargin=new WeakMap(); 536 + 537 + var resizeTimer=0; 538 + var running=false; 539 + 540 + var THEMES=[ 541 + { 542 + name:"BLUE", 543 + accent:"#21b6d7", 544 + bg:"#eaf7fb", 545 + text:"#315d68", 546 + labels:[ 547 + "HIER STARTEN", 548 + "ENTSCHEIDEN", 549 + "ÜBERPRÜFEN & ANPASSEN", 550 + "START HERE", 551 + "DECIDE", 552 + "REVIEW & ADAPT" 553 + ] 554 + }, 555 + { 556 + name:"RED", 557 + accent:"#e94b13", 558 + bg:"#fff1ec", 559 + text:"#8a4d36", 560 + labels:[ 561 + "PLANEN & ORGANISIEREN", 562 + "ORGANISIEREN & DOKUMENTIEREN", 563 + "PUBLIZIEREN & PRÄSENTIEREN", 564 + "PLAN & ORGANISE", 565 + "PLAN & ORGANIZE", 566 + "ORGANISE & DOCUMENT", 567 + "ORGANIZE & DOCUMENT", 568 + "PUBLISH & PRESENT" 569 + ] 570 + }, 571 + { 572 + name:"YELLOW", 573 + accent:"#f0aa00", 574 + bg:"#fff8e7", 575 + text:"#785b17", 576 + labels:[ 577 + "SCHÜTZEN & KLÄREN", 578 + "STANDARDISIEREN & IDENTIFIZIEREN", 579 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN", 580 + "PROTECT & CLARIFY", 581 + "STANDARDISE & IDENTIFY", 582 + "STANDARDIZE & IDENTIFY", 583 + "OPEN, REUSE & MAKE FINDABLE" 584 + ] 585 + }, 586 + { 587 + name:"GREEN", 588 + accent:"#38b76a", 589 + bg:"#edf9f1", 590 + text:"#3f7451", 591 + labels:[ 592 + "INFRASTRUKTUR EINRICHTEN", 593 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN", 594 + "SPEICHERN & ZUGRIFF STEUERN", 595 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN", 596 + "SET UP INFRASTRUCTURE", 597 + "SET UP INFRASTRUCTURE & COLLABORATION", 598 + "STORE & CONTROL ACCESS", 599 + "REPOSITORY, PRESERVE & HAND OVER" 600 + ] 601 + } 602 + ]; 603 + 604 + function num(value){ 605 + var n=parseFloat(value); 606 + return Number.isFinite(n)?n:0; 607 + } 608 + 609 + function norm(value){ 610 + return String(value||"") 611 + .replace(/\s+/g," ") 612 + .trim() 613 + .toUpperCase(); 614 + } 615 + 616 + function visible(el){ 617 + if(!el||el.nodeType!==1)return false; 618 + 619 + var style=getComputedStyle(el); 620 + var rect=el.getBoundingClientRect(); 621 + 622 + return ( 623 + style.display!=="none"&& 624 + style.visibility!=="hidden"&& 625 + rect.width>20&& 626 + rect.height>4 627 + ); 628 + } 629 + 630 + function saveStyle(el,map,property){ 631 + if(map.has(el))return; 632 + 633 + map.set(el,{ 634 + value:el.style.getPropertyValue(property), 635 + priority:el.style.getPropertyPriority(property) 636 + }); 637 + } 638 + 639 + function restoreStyle(el,map,property){ 640 + var original=map.get(el); 641 + 642 + if(original&&original.value){ 643 + el.style.setProperty( 644 + property, 645 + original.value, 646 + original.priority||"" 647 + ); 648 + }else{ 649 + el.style.removeProperty(property); 650 + } 651 + } 652 + 653 + function resetRuntime(){ 654 + managedHeight.forEach(function(el){ 655 + restoreStyle( 656 + el, 657 + originalHeight, 658 + "min-height" 659 + ); 660 + el.removeAttribute( 661 + "data-sn-master-equal-height" 662 + ); 663 + }); 664 + 665 + managedMargin.forEach(function(el){ 666 + restoreStyle( 667 + el, 668 + originalMargin, 669 + "margin-top" 670 + ); 671 + el.removeAttribute( 672 + "data-sn-master-first-row" 673 + ); 674 + }); 675 + 676 + managedHeight.clear(); 677 + managedMargin.clear(); 678 + } 679 + 680 + function themeFor(text){ 681 + var value=norm(text); 682 + 683 + for(var i=0;i<THEMES.length;i++){ 684 + for(var j=0;j<THEMES[i].labels.length;j++){ 685 + var label=THEMES[i].labels[j]; 686 + 687 + if( 688 + value===label|| 689 + value.indexOf(label+" ")===0|| 690 + value.indexOf(label+" -")===0|| 691 + value.indexOf(label+" ·")===0 692 + ){ 693 + return THEMES[i]; 694 + } 695 + } 696 + } 697 + 698 + return null; 699 + } 700 + 701 + /* ======================================================= 702 + PLACEHOLDER BADGE 703 + ======================================================= */ 704 + 705 + function applyPlaceholderBadge(){ 706 + if(!PLACEHOLDER)return; 707 + 708 + if( 709 + document.querySelector( 710 + ".sn-coming-soon-badge" 711 + ) 712 + ){ 713 + return; 714 + } 715 + 716 + var title= 717 + document.querySelector( 718 + "#document-title" 719 + )|| 720 + document.querySelector( 721 + "h1" 722 + ); 723 + 724 + if(!title)return; 725 + 726 + var badge= 727 + document.createElement( 728 + "span" 729 + ); 730 + 731 + badge.className= 732 + "sn-coming-soon-badge"; 733 + 734 + badge.textContent= 735 + PLACEHOLDER_LABEL; 736 + 737 + badge.setAttribute( 738 + "aria-label", 739 + PLACEHOLDER_LABEL 740 + ); 741 + 742 + title.appendChild( 743 + badge 744 + ); 745 + } 746 + 747 + /* ======================================================= 748 + DETAIL PAGE OWN-ACCENT PROPAGATION 749 + ======================================================= */ 750 + 751 + function parseRGB(value){ 752 + var match=String(value||"").match( 753 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i 754 + ); 755 + 756 + if(!match)return null; 757 + 758 + return [ 759 + Number(match[1]), 760 + Number(match[2]), 761 + Number(match[3]) 762 + ]; 763 + } 764 + 765 + function distance(a,b){ 766 + return Math.sqrt( 767 + Math.pow(a[0]-b[0],2)+ 768 + Math.pow(a[1]-b[1],2)+ 769 + Math.pow(a[2]-b[2],2) 770 + ); 771 + } 772 + 773 + function paletteMatch(cssColor){ 774 + var rgb=parseRGB(cssColor); 775 + 776 + if(!rgb)return null; 777 + 778 + var palette=[ 779 + {hex:"#21b6d7",rgb:[33,182,215]}, 780 + {hex:"#e94b13",rgb:[233,75,19]}, 781 + {hex:"#f0aa00",rgb:[240,170,0]}, 782 + {hex:"#38b76a",rgb:[56,183,106]} 783 + ]; 784 + 785 + var best=null; 786 + var bestDistance=Infinity; 787 + 788 + palette.forEach(function(item){ 789 + var d=distance(rgb,item.rgb); 790 + 791 + if(d<bestDistance){ 792 + best=item; 793 + bestDistance=d; 794 + } 795 + }); 796 + 797 + return bestDistance<=30 798 + ?best 799 + :null; 800 + } 801 + 802 + function propagateDetailAccents(){ 803 + if(PAGE_KIND!=="detail")return; 804 + 805 + Array.from( 806 + root.querySelectorAll( 807 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+ 808 + ".arsn-source,.dmp-source,.ido-source,.pp-source" 809 + ) 810 + ).forEach(function(el){ 811 + if(!visible(el))return; 812 + 813 + var style=getComputedStyle(el); 814 + 815 + if( 816 + num(style.borderTopWidth)>=2 817 + ){ 818 + var match= 819 + paletteMatch( 820 + style.borderTopColor 821 + ); 822 + 823 + if(match){ 824 + el.style.setProperty( 825 + "border-left", 826 + "4px solid "+match.hex, 827 + "important" 828 + ); 829 + } 830 + } 831 + }); 832 + 833 + // Warning families: explicit safety override. 834 + Array.from( 835 + root.querySelectorAll( 836 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+ 837 + ".warn,.warning,.warningmessage,.errormessage" 838 + ) 839 + ).forEach(function(el){ 840 + if(!visible(el))return; 841 + 842 + el.style.setProperty( 843 + "border-left", 844 + "4px solid #e94b13", 845 + "important" 846 + ); 847 + }); 848 + 849 + // Info families: explicit orientation override. 850 + Array.from( 851 + root.querySelectorAll( 852 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage" 853 + ) 854 + ).forEach(function(el){ 855 + if(!visible(el))return; 856 + 857 + el.style.setProperty( 858 + "border-left", 859 + "4px solid #21b6d7", 860 + "important" 861 + ); 862 + }); 863 + } 864 + 865 + /* ======================================================= 866 + OVERVIEW SEMANTIC THEME PALETTE 867 + ======================================================= */ 868 + 869 + function smallestThemeHeaders(){ 870 + return Array.from( 871 + root.querySelectorAll( 872 + "div,span,p,strong,h3,h4,h5,h6" 873 + ) 874 + ).filter(function(el){ 875 + if(!visible(el))return false; 876 + if(!themeFor(el.textContent))return false; 877 + 878 + return !Array.from( 879 + el.children||[] 880 + ).some(function(child){ 881 + return !!themeFor( 882 + child.textContent 883 + ); 884 + }); 885 + }); 886 + } 887 + 888 + function findOverviewCard(header){ 889 + var node=header.parentElement; 890 + var candidates=[]; 891 + 892 + while(node&&node!==root){ 893 + var rect=node.getBoundingClientRect(); 894 + var style=getComputedStyle(node); 895 + 896 + var border= 897 + num(style.borderTopWidth)+ 898 + num(style.borderRightWidth)+ 899 + num(style.borderBottomWidth)+ 900 + num(style.borderLeftWidth); 901 + 902 + if( 903 + rect.width>=220&& 904 + rect.width<=800&& 905 + rect.height>=120&& 906 + border>=1 907 + ){ 908 + candidates.push(node); 909 + } 910 + 911 + node=node.parentElement; 912 + } 913 + 914 + if(!candidates.length)return null; 915 + 916 + candidates.sort(function(a,b){ 917 + return ( 918 + b.getBoundingClientRect().height- 919 + a.getBoundingClientRect().height 920 + ); 921 + }); 922 + 923 + return candidates[0]; 924 + } 925 + 926 + function rowCandidates(link,card){ 927 + var result=[]; 928 + var cardRect= 929 + card.getBoundingClientRect(); 930 + 931 + var node=link; 932 + 933 + while(node&&node!==card){ 934 + if(visible(node)){ 935 + var rect= 936 + node.getBoundingClientRect(); 937 + 938 + if( 939 + rect.height<=105&& 940 + rect.width>= 941 + cardRect.width*.50&& 942 + rect.width<= 943 + cardRect.width*1.03 944 + ){ 945 + result.push(node); 946 + } 947 + } 948 + 949 + node=node.parentElement; 950 + } 951 + 952 + return result; 953 + } 954 + 955 + function chooseOuterRow( 956 + candidates, 957 + link 958 + ){ 959 + if(!candidates.length){ 960 + return link; 961 + } 962 + 963 + var bordered= 964 + candidates.filter(function(el){ 965 + return ( 966 + num( 967 + getComputedStyle(el) 968 + .borderLeftWidth 969 + )>=1 970 + ); 971 + }); 972 + 973 + var pool= 974 + bordered.length 975 + ?bordered 976 + :candidates; 977 + 978 + pool.sort(function(a,b){ 979 + var ar= 980 + a.getBoundingClientRect(); 981 + 982 + var br= 983 + b.getBoundingClientRect(); 984 + 985 + return ( 986 + ar.left-br.left|| 987 + br.width-ar.width 988 + ); 989 + }); 990 + 991 + return pool[0]||link; 992 + } 993 + 994 + function applyOverviewPalette(){ 995 + if(PAGE_KIND!=="overview"){ 996 + return []; 997 + } 998 + 999 + var headers= 1000 + smallestThemeHeaders() 1001 + .map(function(el){ 1002 + return { 1003 + el:el, 1004 + theme: 1005 + themeFor( 1006 + el.textContent 1007 + ), 1008 + card: 1009 + findOverviewCard( 1010 + el 1011 + ) 1012 + }; 1013 + }) 1014 + .filter(function(row){ 1015 + return !!row.card; 1016 + }); 1017 + 1018 + var unique=[]; 1019 + var seenHeaders=new Set(); 1020 + 1021 + headers.forEach(function(row){ 1022 + var key= 1023 + row.theme.name+ 1024 + "|"+ 1025 + Math.round( 1026 + row.card 1027 + .getBoundingClientRect() 1028 + .left 1029 + )+ 1030 + "|"+ 1031 + Math.round( 1032 + row.el 1033 + .getBoundingClientRect() 1034 + .top 1035 + ); 1036 + 1037 + if(!seenHeaders.has(key)){ 1038 + seenHeaders.add(key); 1039 + unique.push(row); 1040 + } 1041 + }); 1042 + 1043 + unique.forEach(function(row){ 1044 + var headerRect= 1045 + row.el 1046 + .getBoundingClientRect(); 1047 + 1048 + row.el.style.setProperty( 1049 + "background", 1050 + row.theme.bg, 1051 + "important" 1052 + ); 1053 + 1054 + row.el.style.setProperty( 1055 + "color", 1056 + row.theme.text, 1057 + "important" 1058 + ); 1059 + 1060 + row.el.style.setProperty( 1061 + "text-align", 1062 + "left", 1063 + "important" 1064 + ); 1065 + 1066 + row.el.style.setProperty( 1067 + "word-spacing", 1068 + "normal", 1069 + "important" 1070 + ); 1071 + 1072 + var later= 1073 + unique 1074 + .filter(function(other){ 1075 + return ( 1076 + other.card===row.card&& 1077 + other.el 1078 + .getBoundingClientRect() 1079 + .top> 1080 + headerRect.top+2 1081 + ); 1082 + }) 1083 + .sort(function(a,b){ 1084 + return ( 1085 + a.el 1086 + .getBoundingClientRect() 1087 + .top- 1088 + b.el 1089 + .getBoundingClientRect() 1090 + .top 1091 + ); 1092 + }); 1093 + 1094 + var stopTop= 1095 + later.length 1096 + ?later[0].el 1097 + .getBoundingClientRect() 1098 + .top 1099 + :Infinity; 1100 + 1101 + Array.from( 1102 + row.card.querySelectorAll("a") 1103 + ).forEach(function(link){ 1104 + if(!visible(link))return; 1105 + 1106 + var rect= 1107 + link.getBoundingClientRect(); 1108 + 1109 + if( 1110 + rect.top<= 1111 + headerRect.bottom-2|| 1112 + rect.top>= 1113 + stopTop-2 1114 + ){ 1115 + return; 1116 + } 1117 + 1118 + var candidates= 1119 + rowCandidates( 1120 + link, 1121 + row.card 1122 + ); 1123 + 1124 + var target= 1125 + chooseOuterRow( 1126 + candidates, 1127 + link 1128 + ); 1129 + 1130 + candidates.forEach(function(el){ 1131 + el.style.setProperty( 1132 + "border-left", 1133 + "0 solid transparent", 1134 + "important" 1135 + ); 1136 + }); 1137 + 1138 + target.style.setProperty( 1139 + "border-left", 1140 + "3px solid "+ 1141 + row.theme.accent, 1142 + "important" 1143 + ); 1144 + 1145 + target.style.setProperty( 1146 + "box-sizing", 1147 + "border-box", 1148 + "important" 1149 + ); 1150 + }); 1151 + }); 1152 + 1153 + return unique; 1154 + } 1155 + 1156 + /* ======================================================= 1157 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW 1158 + ======================================================= */ 1159 + 1160 + function alignOverviewCards(headers){ 1161 + if( 1162 + PAGE_KIND!=="overview"|| 1163 + window.innerWidth<=MOBILE_MAX 1164 + ){ 1165 + return; 1166 + } 1167 + 1168 + var cards=[]; 1169 + var seen=new Set(); 1170 + 1171 + headers.forEach(function(row){ 1172 + if(!seen.has(row.card)){ 1173 + seen.add(row.card); 1174 + cards.push(row.card); 1175 + } 1176 + }); 1177 + 1178 + if(cards.length<2){ 1179 + return; 1180 + } 1181 + 1182 + // Group cards by actual top position. 1183 + var groups=[]; 1184 + 1185 + cards.forEach(function(card){ 1186 + var top= 1187 + card.getBoundingClientRect().top; 1188 + 1189 + var group=null; 1190 + 1191 + for(var i=0;i<groups.length;i++){ 1192 + if( 1193 + Math.abs( 1194 + groups[i].top-top 1195 + )<=ROW_TOLERANCE 1196 + ){ 1197 + group=groups[i]; 1198 + break; 1199 + } 1200 + } 1201 + 1202 + if(!group){ 1203 + group={ 1204 + top:top, 1205 + cards:[] 1206 + }; 1207 + groups.push(group); 1208 + } 1209 + 1210 + group.cards.push(card); 1211 + }); 1212 + 1213 + groups.forEach(function(group){ 1214 + if(group.cards.length<2){ 1215 + return; 1216 + } 1217 + 1218 + var firstHeaders= 1219 + group.cards.map(function(card){ 1220 + var candidates= 1221 + headers 1222 + .filter(function(row){ 1223 + return row.card===card; 1224 + }) 1225 + .sort(function(a,b){ 1226 + return ( 1227 + a.el 1228 + .getBoundingClientRect() 1229 + .top- 1230 + b.el 1231 + .getBoundingClientRect() 1232 + .top 1233 + ); 1234 + }); 1235 + 1236 + return candidates.length 1237 + ?candidates[0] 1238 + :null; 1239 + }); 1240 + 1241 + if( 1242 + !firstHeaders.some(function(row){ 1243 + return !row; 1244 + }) 1245 + ){ 1246 + var targetTop= 1247 + Math.max.apply( 1248 + Math, 1249 + firstHeaders.map(function(row){ 1250 + return ( 1251 + row.el 1252 + .getBoundingClientRect() 1253 + .top- 1254 + row.card 1255 + .getBoundingClientRect() 1256 + .top 1257 + ); 1258 + }) 1259 + ); 1260 + 1261 + firstHeaders.forEach(function(row){ 1262 + var relativeTop= 1263 + row.el 1264 + .getBoundingClientRect() 1265 + .top- 1266 + row.card 1267 + .getBoundingClientRect() 1268 + .top; 1269 + 1270 + var delta= 1271 + targetTop-relativeTop; 1272 + 1273 + if(delta>1){ 1274 + saveStyle( 1275 + row.el, 1276 + originalMargin, 1277 + "margin-top" 1278 + ); 1279 + 1280 + var current= 1281 + num( 1282 + getComputedStyle( 1283 + row.el 1284 + ).marginTop 1285 + ); 1286 + 1287 + row.el.style.setProperty( 1288 + "margin-top", 1289 + ( 1290 + current+delta 1291 + )+"px" 1292 + ); 1293 + 1294 + row.el.setAttribute( 1295 + "data-sn-master-first-row", 1296 + "1" 1297 + ); 1298 + 1299 + managedMargin.add( 1300 + row.el 1301 + ); 1302 + } 1303 + }); 1304 + } 1305 + 1306 + var maxHeight=0; 1307 + 1308 + group.cards.forEach(function(card){ 1309 + maxHeight= 1310 + Math.max( 1311 + maxHeight, 1312 + card 1313 + .getBoundingClientRect() 1314 + .height 1315 + ); 1316 + }); 1317 + 1318 + maxHeight= 1319 + Math.ceil(maxHeight); 1320 + 1321 + group.cards.forEach(function(card){ 1322 + saveStyle( 1323 + card, 1324 + originalHeight, 1325 + "min-height" 1326 + ); 1327 + 1328 + card.style.setProperty( 1329 + "min-height", 1330 + maxHeight+"px" 1331 + ); 1332 + 1333 + card.setAttribute( 1334 + "data-sn-master-equal-height", 1335 + "1" 1336 + ); 1337 + 1338 + managedHeight.add( 1339 + card 1340 + ); 1341 + }); 1342 + }); 1343 + } 1344 + 1345 + /* ======================================================= 1346 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY 1347 + ======================================================= */ 1348 + 1349 + function equaliseDetailGrids(){ 1350 + if( 1351 + PAGE_KIND!=="detail"|| 1352 + window.innerWidth<=MOBILE_MAX 1353 + ){ 1354 + return; 1355 + } 1356 + 1357 + var selectors=[ 1358 + ".arsn-grid", 1359 + ".arsn-grid-2", 1360 + ".arsn-grid-3", 1361 + ".dmp-grid", 1362 + ".ido-grid", 1363 + ".pp-grid" 1364 + ]; 1365 + 1366 + selectors.forEach(function(selector){ 1367 + Array.from( 1368 + root.querySelectorAll(selector) 1369 + ).forEach(function(grid){ 1370 + var children= 1371 + Array.from( 1372 + grid.children||[] 1373 + ).filter(visible); 1374 + 1375 + if(children.length<2){ 1376 + return; 1377 + } 1378 + 1379 + var groups=[]; 1380 + 1381 + children.forEach(function(child){ 1382 + var top= 1383 + child 1384 + .getBoundingClientRect() 1385 + .top; 1386 + 1387 + var group=null; 1388 + 1389 + for(var i=0;i<groups.length;i++){ 1390 + if( 1391 + Math.abs( 1392 + groups[i].top-top 1393 + )<=ROW_TOLERANCE 1394 + ){ 1395 + group=groups[i]; 1396 + break; 1397 + } 1398 + } 1399 + 1400 + if(!group){ 1401 + group={ 1402 + top:top, 1403 + items:[] 1404 + }; 1405 + groups.push(group); 1406 + } 1407 + 1408 + group.items.push(child); 1409 + }); 1410 + 1411 + groups.forEach(function(group){ 1412 + if(group.items.length<2){ 1413 + return; 1414 + } 1415 + 1416 + var maxHeight=0; 1417 + 1418 + group.items.forEach(function(item){ 1419 + maxHeight= 1420 + Math.max( 1421 + maxHeight, 1422 + item 1423 + .getBoundingClientRect() 1424 + .height 1425 + ); 1426 + }); 1427 + 1428 + maxHeight= 1429 + Math.ceil(maxHeight); 1430 + 1431 + group.items.forEach(function(item){ 1432 + saveStyle( 1433 + item, 1434 + originalHeight, 1435 + "min-height" 1436 + ); 1437 + 1438 + item.style.setProperty( 1439 + "min-height", 1440 + maxHeight+"px" 1441 + ); 1442 + 1443 + item.setAttribute( 1444 + "data-sn-master-equal-height", 1445 + "1" 1446 + ); 1447 + 1448 + managedHeight.add(item); 1449 + }); 1450 + }); 1451 + }); 1452 + }); 1453 + } 1454 + 1455 + /* ======================================================= 1456 + RUN / RESPONSIVE SCHEDULING 1457 + ======================================================= */ 1458 + 1459 + function run(){ 1460 + if(running)return; 1461 + 1462 + running=true; 1463 + 1464 + try{ 1465 + resetRuntime(); 1466 + applyPlaceholderBadge(); 1467 + propagateDetailAccents(); 1468 + 1469 + var headers= 1470 + applyOverviewPalette(); 1471 + 1472 + if( 1473 + window.innerWidth> 1474 + MOBILE_MAX 1475 + ){ 1476 + alignOverviewCards( 1477 + headers 1478 + ); 1479 + 1480 + equaliseDetailGrids(); 1481 + } 1482 + }finally{ 1483 + running=false; 1484 + } 1485 + } 1486 + 1487 + function onResize(){ 1488 + if(resizeTimer){ 1489 + clearTimeout( 1490 + resizeTimer 1491 + ); 1492 + } 1493 + 1494 + resizeTimer= 1495 + setTimeout( 1496 + function(){ 1497 + resizeTimer=0; 1498 + run(); 1499 + }, 1500 + RESIZE_DEBOUNCE 1501 + ); 1502 + } 1503 + 1504 + async function waitForReady(){ 1505 + if( 1506 + document.readyState!=="complete" 1507 + ){ 1508 + await new Promise(function(resolve){ 1509 + window.addEventListener( 1510 + "load", 1511 + resolve, 1512 + {once:true} 1513 + ); 1514 + }); 1515 + } 1516 + 1517 + if( 1518 + document.fonts&& 1519 + document.fonts.ready 1520 + ){ 1521 + try{ 1522 + await document.fonts.ready; 1523 + }catch(error){} 1524 + } 1525 + 1526 + var images= 1527 + Array.from( 1528 + root.querySelectorAll("img") 1529 + ); 1530 + 1531 + await Promise.all( 1532 + images.map(function(img){ 1533 + if(img.complete){ 1534 + return Promise.resolve(); 1535 + } 1536 + 1537 + return new Promise(function(resolve){ 1538 + var done=function(){ 1539 + resolve(); 1540 + }; 1541 + 1542 + img.addEventListener( 1543 + "load", 1544 + done, 1545 + {once:true} 1546 + ); 1547 + 1548 + img.addEventListener( 1549 + "error", 1550 + done, 1551 + {once:true} 1552 + ); 1553 + }); 1554 + }) 1555 + ); 1556 + 1557 + run(); 1558 + } 1559 + 1560 + window.addEventListener( 1561 + "resize", 1562 + onResize, 1563 + {passive:true} 1564 + ); 1565 + 1566 + waitForReady(); 1567 +})(); 1568 +</script> 1569 + 1570 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END --> 1571 +{{/html}} 1572 +