Changes for page Project Planning & Organisation
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From 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
To version 2.1
edited by Veronika Kocher
on Friday, 28 Aug 2026 11:24
on Friday, 28 Aug 2026 11:24
Change comment:
There is no comment for this version
Summary
-
Page properties (3 modified, 0 added, 0 removed)
Details
- Page properties
-
- Default language
-
... ... @@ -1,1 +1,0 @@ 1 -en - tags
-
... ... @@ -1,1 +1,0 @@ 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,1572 +1,47 @@ 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> 1 +Plan responsibilities, resources, timelines and organisational arrangements for your Art & Research project. 19 19 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> 3 +== Overview == 54 54 5 +Add a concise explanation of this topic and why it matters for Art & Research projects. 55 55 56 - <divclass="pp">7 +== What you need to know == 57 57 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> 9 +* Key concepts 10 +* Relevant requirements 11 +* Important distinctions 65 65 66 - <div class="info" style="margin-bottom:20px"><strong>Donot contacteveryunit atonce.</strong> Start with your<strong>academic/artistic home</strong> and,for funded or project-based art/research, <strong>SupportKunst undForschung</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>13 +== What you need to do == 67 67 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> 15 +1. Identify what applies to your project. 16 +2. Document the relevant decisions. 17 +3. Use appropriate institutional services and support where needed. 69 69 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> 19 +== Key questions == 86 86 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> 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? 99 99 27 +== Services & Tools == 100 100 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> 29 +Add links to relevant institutional services, infrastructure and tools. 110 110 111 - <div class="research-example-grid">31 +== Info Sheets & Checklists == 112 112 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> 33 +Add links to related Info Sheets, checklists and templates. 126 126 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> 35 +== Tutorials == 140 140 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> 37 +Add links to step-by-step tutorials for this topic. 154 154 155 - </div>39 +== Related Topics == 156 156 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> 41 +Add links to related pages in Enable, Work & Manage, and Publish & Share. 164 164 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> 43 +== Need help? == 352 352 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> 45 +Not sure what applies to your project? Contact Art & Research Services for support. 361 361 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 - 47 +TODO: Replace this line with the central contact-form link once the form is available.