Version 9.6 by Veronika Kocher on Thursday, 03 Sep 2026 13:04

Show last authors
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>
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>
54
55
56 <div class="pp">
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 &amp; 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>
65
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>
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>
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>
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>
99
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>
110
111 <div class="research-example-grid">
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>
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>
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>
154
155 </div>
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>
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 &amp; 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>
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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>
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 &amp; 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 &amp; 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 &amp; 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}}