Project Planning & Organisation

1

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}

</style>

<style>

.research-example-grid{

22

display:grid;

23

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:14px;

margin-top:12px;

}

.research-example{

padding:16px 17px;

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{

font-size:18px;

margin:0 0 7px 0;

color:#35312d;

}

.research-example p{

margin:0 0 10px 0;

color:#625d56;

line-height:1.5;

}

.research-example a{

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;

}

</style>

<div class="eye" style="color:#8a4d36;margin-bottom:5px">PREPARE · 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>

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

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

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>

</div>

</section>

<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

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>

</div>

</section>

<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.

</p>

<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 ↗

</a>

</div>

<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 ↗

</a>

</div>

<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 ↗

</a>

</div>

</div>

<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.

</div>

</section>

<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

170

<summary>A · Your institute, department, workshop or special university facility — the project home</summary>

171

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

335

</div>

336

</details><details class="detail">

337

<summary>P · Equality / staff / student representation — independent advice and representation</summary>

338

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>

</div>

</details>

</section>

<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

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>

</table>

</section>

<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

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>

</div>

</section>

<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

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>

</tbody></table>

</section>

<div class="eye" style="color:#8a4d36;margin-bottom:4px">STOP & CHECK</div>

399

<h3>Project-planning red flags</h3>

400

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>

</div>

</section>

<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

419

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

</div>

430

431

432

/* =========================================================

433

MASTER TYPOGRAPHY

434

========================================================= */

#xwikicontent h1,

#xwikicontent h2,

#xwikicontent h3,

#xwikicontent h4,

#xwikicontent h5,

#xwikicontent h6,

#xwikicontent .box-title,

442

#xwikicontent [role="heading"],

#xwikicontent h1 a,

#xwikicontent h2 a,

#xwikicontent h3 a,

#xwikicontent h4 a,

#xwikicontent h5 a,

#xwikicontent h6 a,

#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;

margin-left:10px;

padding:4px 8px;

border-radius:14px;

border:1px solid #efd9cc;

background:#fff4ee;

color:#8a4d36;

font-size:11px;

font-weight:700;

letter-spacing:.055em;

line-height:1.2;

white-space:nowrap;

}

/* =========================================================

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

511

/* =========================================================

512

FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS

513

========================================================= */

514

#xwikicontent .arsn-area-label[data-sn-three-line="1"]{

515

display:grid!important;

516

grid-template-columns:minmax(0,1fr)!important;

517

grid-auto-rows:auto!important;

518

width:100%!important;

519

max-width:none!important;

520

box-sizing:border-box!important;

521

justify-items:start!important;

522

align-items:start!important;

523

gap:2px!important;

524

text-align:left!important;

525

text-align-last:left!important;

526

text-justify:auto!important;

527

word-spacing:normal!important;

528

white-space:normal!important;

529

}

530

#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,

531

#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,

532

#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{

533

display:block!important;

534

width:100%!important;

535

margin:0!important;

536

text-align:left!important;

537

text-align-last:left!important;

538

text-justify:auto!important;

539

word-spacing:normal!important;

540

white-space:normal!important;

}

</style>

(function(){

"use strict";

var PAGE_KIND="detail";

549

var PLACEHOLDER=false;

550

var PLACEHOLDER_LABEL="COMING SOON";

var MOBILE_MAX=767;

var ROW_TOLERANCE=6;

var RESIZE_DEBOUNCE=220;

555

556

var root=

557

document.getElementById("xwikicontent")||

558

document.querySelector(".xwiki-rendering-content")||

559

document.querySelector("main")||

document.body;

if(!root)return;

var managedHeight=new Set();

565

var managedMargin=new Set();

566

var originalHeight=new WeakMap();

567

var originalMargin=new WeakMap();

var resizeTimer=0;

var running=false;

var THEMES=[

{

name:"BLUE",

accent:"#21b6d7",

bg:"#eaf7fb",

text:"#315d68",

labels:[

"HIER STARTEN",

"ENTSCHEIDEN",

"ÜBERPRÜFEN & ANPASSEN",

"START HERE",

"DECIDE",

"REVIEW & ADAPT"

]

},

{

name:"RED",

accent:"#e94b13",

bg:"#fff1ec",

text:"#8a4d36",

labels:[

"PLANEN & ORGANISIEREN",

594

"ORGANISIEREN & DOKUMENTIEREN",

595

"PUBLIZIEREN & PRÄSENTIEREN",

596

"PLAN & ORGANISE",

597

"PLAN & ORGANIZE",

598

"ORGANISE & DOCUMENT",

599

"ORGANIZE & DOCUMENT",

"PUBLISH & PRESENT"

]

},

{

name:"YELLOW",

accent:"#f0aa00",

bg:"#fff8e7",

text:"#785b17",

labels:[

"SCHÜTZEN & KLÄREN",

"STANDARDISIEREN & IDENTIFIZIEREN",

611

"ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",

612

"PROTECT & CLARIFY",

613

"STANDARDISE & IDENTIFY",

614

"STANDARDIZE & IDENTIFY",

615

"OPEN, REUSE & MAKE FINDABLE"

]

},

{

name:"GREEN",

accent:"#38b76a",

bg:"#edf9f1",

text:"#3f7451",

labels:[

"INFRASTRUKTUR EINRICHTEN",

625

"INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",

626

"SPEICHERN & ZUGRIFF STEUERN",

627

"REPOSITORIUM, ERHALTEN & ÜBERGEBEN",

628

"SET UP INFRASTRUCTURE",

629

"SET UP INFRASTRUCTURE & COLLABORATION",

630

"STORE & CONTROL ACCESS",

631

"REPOSITORY, PRESERVE & HAND OVER"

]

}

];

function num(value){

var n=parseFloat(value);

638

return Number.isFinite(n)?n:0;

639

}

640

641

function norm(value){

642

return String(value||"")

.replace(/\s+/g," ")

.trim()

.toUpperCase();

}

function visible(el){

649

if(!el||el.nodeType!==1)return false;

650

651

var style=getComputedStyle(el);

652

var rect=el.getBoundingClientRect();

653

654

return (

655

style.display!=="none"&&

656

style.visibility!=="hidden"&&

rect.width>20&&

rect.height>4

);

}

function saveStyle(el,map,property){

663

if(map.has(el))return;

664

665

map.set(el,{

666

value:el.style.getPropertyValue(property),

667

priority:el.style.getPropertyPriority(property)

});

}

function restoreStyle(el,map,property){

672

var original=map.get(el);

673

674

if(original&&original.value){

675

el.style.setProperty(

676

property,

677

original.value,

678

original.priority||""

679

);

680

}else{

681

el.style.removeProperty(property);

}

}

function resetRuntime(){

686

managedHeight.forEach(function(el){

restoreStyle(

el,

originalHeight,

"min-height"

);

el.removeAttribute(

"data-sn-master-equal-height"

);

});

managedMargin.forEach(function(el){

restoreStyle(

el,

originalMargin,

"margin-top"

);

el.removeAttribute(

"data-sn-master-first-row"

);

});

managedHeight.clear();

709

managedMargin.clear();

710

}

711

712

function themeFor(text){

713

var value=norm(text);

714

715

for(var i=0;i<THEMES.length;i++){

716

for(var j=0;j<THEMES[i].labels.length;j++){

717

var label=THEMES[i].labels[j];

if(

value===label||

value.indexOf(label+" ")===0||

722

value.indexOf(label+" -")===0||

723

value.indexOf(label+" ·")===0

){

return THEMES[i];

}

}

}

return null;

}

/* =======================================================

734

BORDERLESS FILLED RED/ORANGE CTA BUTTONS

735

======================================================= */

736

737

function colourDistance(a,b){

738

return Math.sqrt(

739

Math.pow(a[0]-b[0],2)+

740

Math.pow(a[1]-b[1],2)+

741

Math.pow(a[2]-b[2],2)

);

}

function makeFilledRedOrangeCTAsBorderless(){

746

var RED_ORANGE=[233,75,19];

747

748

Array.from(

749

root.querySelectorAll(

750

'a,button,[role="button"],input[type="submit"],input[type="button"]'

751

)

752

).forEach(function(el){

753

if(!visible(el))return;

754

755

var style=getComputedStyle(el);

756

var rgb=parseRGB(style.backgroundColor);

if(!rgb)return;

if(

colourDistance(

rgb,

RED_ORANGE

)>55

){

return;

}

var rect=el.getBoundingClientRect();

if(

rect.width<80||

rect.height<24

){

return;

}

el.style.setProperty(

"border",

"none",

"important"

);

el.style.setProperty(

"border-left",

"none",

"important"

);

el.style.setProperty(

"border-top",

"none",

"important"

);

el.style.setProperty(

"border-right",

"none",

"important"

);

el.style.setProperty(

"border-bottom",

"none",

"important"

);

el.style.setProperty(

"box-shadow",

"none",

"important"

);

});

}

/* =======================================================

817

FULL-WIDTH THREE-LINE AREA LABELS

818

======================================================= */

819

820

function compactText(value){

821

return String(value||"")

.replace(/\s+/g," ")

.trim();

}

function makeThreeLineAreaLabels(){

827

Array.from(

828

root.querySelectorAll(

829

".arsn-area-label"

830

)

831

).forEach(function(label){

if(

label.getAttribute(

"data-sn-three-line"

)==="1"

){

return;

}

var number=

label.querySelector(

":scope > .arsn-area-number"

);

var action=

label.querySelector(

":scope > .arsn-area-action"

);

if(

!number||

!action

){

return;

}

var clone=

label.cloneNode(true);

var cloneNumber=

clone.querySelector(

":scope > .arsn-area-number"

);

var cloneAction=

clone.querySelector(

":scope > .arsn-area-action"

);

if(cloneNumber){

cloneNumber.remove();

}

if(cloneAction){

cloneAction.remove();

}

var titleText=

compactText(

clone.textContent

);

if(!titleText){

return;

}

var numberNode=

number.cloneNode(true);

889

890

var actionNode=

891

action.cloneNode(true);

892

893

var titleNode=

894

document.createElement(

"span"

);

titleNode.className=

"sn-area-label-title";

900

901

titleNode.textContent=

902

titleText;

903

904

while(label.firstChild){

label.removeChild(

label.firstChild

);

}

label.appendChild(

numberNode

);

label.appendChild(

titleNode

);

label.appendChild(

actionNode

);

label.setAttribute(

"data-sn-three-line",

"1"

);

var head=

label.closest(

".arsn-area-head"

);

if(head){

head.style.setProperty(

"width",

"100%",

"important"

);

head.style.setProperty(

"max-width",

"100%",

"important"

);

head.style.setProperty(

"box-sizing",

"border-box",

"important"

);

}

});

}

/* =======================================================

955

PLACEHOLDER BADGE

956

======================================================= */

957

958

function applyPlaceholderBadge(){

959

if(!PLACEHOLDER)return;

960

961

if(

962

document.querySelector(

963

".sn-coming-soon-badge"

)

){

return;

}

var title=

document.querySelector(

971

"#document-title"

972

)||

973

document.querySelector(

"h1"

);

if(!title)return;

var badge=

document.createElement(

"span"

);

badge.className=

"sn-coming-soon-badge";

badge.textContent=

PLACEHOLDER_LABEL;

badge.setAttribute(

"aria-label",

PLACEHOLDER_LABEL

);

title.appendChild(

badge

);

}

/* =======================================================

1001

DETAIL PAGE OWN-ACCENT PROPAGATION

1002

======================================================= */

1003

1004

function parseRGB(value){

1005

var match=String(value||"").match(

1006

/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i

1007

);

1008

1009

if(!match)return null;

return [

Number(match[1]),

Number(match[2]),

Number(match[3])

];

}

function distance(a,b){

1019

return Math.sqrt(

1020

Math.pow(a[0]-b[0],2)+

1021

Math.pow(a[1]-b[1],2)+

1022

Math.pow(a[2]-b[2],2)

);

}

function paletteMatch(cssColor){

1027

var rgb=parseRGB(cssColor);

if(!rgb)return null;

var palette=[

{hex:"#21b6d7",rgb:[33,182,215]},

1033

{hex:"#e94b13",rgb:[233,75,19]},

1034

{hex:"#f0aa00",rgb:[240,170,0]},

1035

{hex:"#38b76a",rgb:[56,183,106]}

];

var best=null;

var bestDistance=Infinity;

1040

1041

palette.forEach(function(item){

1042

var d=distance(rgb,item.rgb);

if(d<bestDistance){

best=item;

bestDistance=d;

}

});

return bestDistance<=30

?best

:null;

}

function propagateDetailAccents(){

1056

if(PAGE_KIND!=="detail")return;

1057

1058

Array.from(

1059

root.querySelectorAll(

1060

".arsn-call,.dmp-call,.ido-call,.pp-call,"+

1061

".arsn-source,.dmp-source,.ido-source,.pp-source"

1062

)

1063

).forEach(function(el){

1064

if(!visible(el))return;

1065

1066

var style=getComputedStyle(el);

1067

1068

if(

1069

num(style.borderTopWidth)>=2

){

var match=

paletteMatch(

style.borderTopColor

);

if(match){

el.style.setProperty(

1078

"border-left",

1079

"4px solid "+match.hex,

"important"

);

}

}

});

// Warning families: explicit safety override.

1087

Array.from(

1088

root.querySelectorAll(

1089

".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+

1090

".warn,.warning,.warningmessage,.errormessage"

1091

)

1092

).forEach(function(el){

1093

if(!visible(el))return;

1094

1095

el.style.setProperty(

"border-left",

"4px solid #e94b13",

"important"

);

});

// Info families: explicit orientation override.

1103

Array.from(

1104

root.querySelectorAll(

1105

".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"

1106

)

1107

).forEach(function(el){

1108

if(!visible(el))return;

1109

1110

el.style.setProperty(

"border-left",

"4px solid #21b6d7",

"important"

);

});

}

/* =======================================================

1119

OVERVIEW SEMANTIC THEME PALETTE

1120

======================================================= */

1121

1122

function smallestThemeHeaders(){

1123

return Array.from(

1124

root.querySelectorAll(

1125

"div,span,p,strong,h3,h4,h5,h6"

1126

)

1127

).filter(function(el){

1128

if(!visible(el))return false;

1129

if(!themeFor(el.textContent))return false;

return !Array.from(

el.children||[]

).some(function(child){

return !!themeFor(

child.textContent

);

});

});

}

function findOverviewCard(header){

1142

var node=header.parentElement;

1143

var candidates=[];

1144

1145

while(node&&node!==root){

1146

var rect=node.getBoundingClientRect();

1147

var style=getComputedStyle(node);

1148

1149

var border=

1150

num(style.borderTopWidth)+

1151

num(style.borderRightWidth)+

1152

num(style.borderBottomWidth)+

1153

num(style.borderLeftWidth);

if(

rect.width>=220&&

rect.width<=800&&

rect.height>=120&&

border>=1

){

candidates.push(node);

1162

}

1163

1164

node=node.parentElement;

1165

}

1166

1167

if(!candidates.length)return null;

1168

1169

candidates.sort(function(a,b){

1170

return (

1171

b.getBoundingClientRect().height-

1172

a.getBoundingClientRect().height

);

});

return candidates[0];

1177

}

1178

1179

function rowCandidates(link,card){

1180

var result=[];

1181

var cardRect=

1182

card.getBoundingClientRect();

var node=link;

while(node&&node!==card){

1187

if(visible(node)){

1188

var rect=

1189

node.getBoundingClientRect();

if(

rect.height<=105&&

rect.width>=

cardRect.width*.50&&

rect.width<=

cardRect.width*1.03

){

result.push(node);

}

}

node=node.parentElement;

}

return result;

}

function chooseOuterRow(

candidates,

link

){

if(!candidates.length){

return link;

}

var bordered=

candidates.filter(function(el){

return (

num(

getComputedStyle(el)

.borderLeftWidth

)>=1

);

});

var pool=

bordered.length

?bordered

:candidates;

pool.sort(function(a,b){

1232

var ar=

1233

a.getBoundingClientRect();

1234

1235

var br=

1236

b.getBoundingClientRect();

return (

ar.left-br.left||

br.width-ar.width

);

});

return pool[0]||link;

1245

}

1246

1247

function applyOverviewPalette(){

1248

if(PAGE_KIND!=="overview"){

return [];

}

var headers=

smallestThemeHeaders()

.map(function(el){

return {

el:el,

theme:

themeFor(

el.textContent

),

card:

findOverviewCard(

el

)

};

})

.filter(function(row){

return !!row.card;

});

var unique=[];

var seenHeaders=new Set();

1273

1274

headers.forEach(function(row){

var key=

row.theme.name+

"|"+

Math.round(

row.card

.getBoundingClientRect()

.left

)+

"|"+

Math.round(

row.el

.getBoundingClientRect()

.top

);

if(!seenHeaders.has(key)){

1291

seenHeaders.add(key);

unique.push(row);

}

});

unique.forEach(function(row){

1297

var headerRect=

1298

row.el

1299

.getBoundingClientRect();

1300

1301

row.el.style.setProperty(

"background",

row.theme.bg,

"important"

);

row.el.style.setProperty(

"color",

row.theme.text,

"important"

);

row.el.style.setProperty(

"text-align",

"left",

"important"

);

row.el.style.setProperty(

"word-spacing",

"normal",

"important"

);

var later=

unique

.filter(function(other){

1328

return (

1329

other.card===row.card&&

1330

other.el

1331

.getBoundingClientRect()

.top>

headerRect.top+2

);

})

.sort(function(a,b){

return (

a.el

.getBoundingClientRect()

1340

.top-

1341

b.el

1342

.getBoundingClientRect()

.top

);

});

var stopTop=

later.length

?later[0].el

.getBoundingClientRect()

.top

:Infinity;

Array.from(

row.card.querySelectorAll("a")

1356

).forEach(function(link){

1357

if(!visible(link))return;

1358

1359

var rect=

1360

link.getBoundingClientRect();

if(

rect.top<=

headerRect.bottom-2||

rect.top>=

stopTop-2

){

return;

}

var candidates=

rowCandidates(

link,

row.card

);

var target=

chooseOuterRow(

candidates,

link

);

candidates.forEach(function(el){

1384

el.style.setProperty(

1385

"border-left",

1386

"0 solid transparent",

"important"

);

});

target.style.setProperty(

"border-left",

"3px solid "+

row.theme.accent,

"important"

);

target.style.setProperty(

"box-sizing",

"border-box",

"important"

);

});

});

return unique;

}

/* =======================================================

1410

OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW

1411

======================================================= */

1412

1413

function alignOverviewCards(headers){

1414

if(

1415

PAGE_KIND!=="overview"||

1416

window.innerWidth<=MOBILE_MAX

){

return;

}

var cards=[];

var seen=new Set();

headers.forEach(function(row){

1425

if(!seen.has(row.card)){

1426

seen.add(row.card);

1427

cards.push(row.card);

}

});

if(cards.length<2){

return;

}

// Group cards by actual top position.

1436

var groups=[];

1437

1438

cards.forEach(function(card){

1439

var top=

1440

card.getBoundingClientRect().top;

var group=null;

for(var i=0;i<groups.length;i++){

if(

Math.abs(

groups[i].top-top

)<=ROW_TOLERANCE

){

group=groups[i];

break;

}

}

if(!group){

group={

top:top,

cards:[]

};

groups.push(group);

}

group.cards.push(card);

1464

});

1465

1466

groups.forEach(function(group){

1467

if(group.cards.length<2){

return;

}

var firstHeaders=

group.cards.map(function(card){

1473

var candidates=

1474

headers

1475

.filter(function(row){

1476

return row.card===card;

})

.sort(function(a,b){

return (

a.el

.getBoundingClientRect()

1482

.top-

1483

b.el

1484

.getBoundingClientRect()

.top

);

});

return candidates.length

?candidates[0]

:null;

});

if(

!firstHeaders.some(function(row){

return !row;

})

){

var targetTop=

Math.max.apply(

Math,

firstHeaders.map(function(row){

1503

return (

1504

row.el

1505

.getBoundingClientRect()

1506

.top-

1507

row.card

1508

.getBoundingClientRect()

.top

);

})

);

firstHeaders.forEach(function(row){

1515

var relativeTop=

1516

row.el

1517

.getBoundingClientRect()

1518

.top-

1519

row.card

1520

.getBoundingClientRect()

.top;

var delta=

targetTop-relativeTop;

if(delta>1){

saveStyle(

row.el,

originalMargin,

"margin-top"

);

var current=

num(

getComputedStyle(

row.el

).marginTop

);

row.el.style.setProperty(

"margin-top",

(

current+delta

)+"px"

);

row.el.setAttribute(

"data-sn-master-first-row",

"1"

);

managedMargin.add(

row.el

);

}

});

}

var maxHeight=0;

group.cards.forEach(function(card){

maxHeight=

Math.max(

maxHeight,

card

.getBoundingClientRect()

.height

);

});

maxHeight=

Math.ceil(maxHeight);

1573

1574

group.cards.forEach(function(card){

saveStyle(

card,

originalHeight,

"min-height"

);

card.style.setProperty(

"min-height",

maxHeight+"px"

);

card.setAttribute(

"data-sn-master-equal-height",

"1"

);

managedHeight.add(

card

);

});

});

}

/* =======================================================

1599

DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY

1600

======================================================= */

1601

1602

function equaliseDetailGrids(){

1603

if(

1604

PAGE_KIND!=="detail"||

1605

window.innerWidth<=MOBILE_MAX

){

return;

}

var selectors=[

".arsn-grid",

".arsn-grid-2",

".arsn-grid-3",

".dmp-grid",

".ido-grid",

".pp-grid"

];

selectors.forEach(function(selector){

1620

Array.from(

1621

root.querySelectorAll(selector)

1622

).forEach(function(grid){

var children=

Array.from(

grid.children||[]

).filter(visible);

if(children.length<2){

return;

}

var groups=[];

children.forEach(function(child){

1635

var top=

1636

child

1637

.getBoundingClientRect()

.top;

var group=null;

for(var i=0;i<groups.length;i++){

if(

Math.abs(

groups[i].top-top

)<=ROW_TOLERANCE

){

group=groups[i];

break;

}

}

if(!group){

group={

top:top,

items:[]

};

groups.push(group);

}

group.items.push(child);

1662

});

1663

1664

groups.forEach(function(group){

1665

if(group.items.length<2){

return;

}

var maxHeight=0;

group.items.forEach(function(item){

maxHeight=

Math.max(

maxHeight,

item

.getBoundingClientRect()

.height

);

});

maxHeight=

Math.ceil(maxHeight);

1683

1684

group.items.forEach(function(item){

saveStyle(

item,

originalHeight,

"min-height"

);

item.style.setProperty(

"min-height",

maxHeight+"px"

);

item.setAttribute(

"data-sn-master-equal-height",

"1"

);

managedHeight.add(item);

});

});

});

});

}

/* =======================================================

1709

RUN / RESPONSIVE SCHEDULING

1710

======================================================= */

function run(){

if(running)return;

running=true;

try{

resetRuntime();

applyPlaceholderBadge();

1720

propagateDetailAccents();

1721

1722

var headers=

1723

applyOverviewPalette();

1724

1725

makeThreeLineAreaLabels();

1726

makeFilledRedOrangeCTAsBorderless();

if(

window.innerWidth>

MOBILE_MAX

){

alignOverviewCards(

headers

);

equaliseDetailGrids();

}

}finally{

running=false;

}

}

function onResize(){

if(resizeTimer){

clearTimeout(

resizeTimer

);

}

resizeTimer=

setTimeout(

function(){

resizeTimer=0;

run();

},

RESIZE_DEBOUNCE

);

}

async function waitForReady(){

1761

if(

1762

document.readyState!=="complete"

1763

){

1764

await new Promise(function(resolve){

1765

window.addEventListener(

"load",

resolve,

{once:true}

);

});

}

if(

document.fonts&&

document.fonts.ready

){

try{

await document.fonts.ready;

}catch(error){}

}

var images=

Array.from(

root.querySelectorAll("img")

);

await Promise.all(

images.map(function(img){

1789

if(img.complete){

1790

return Promise.resolve();

1791

}

1792

1793

return new Promise(function(resolve){

var done=function(){

resolve();

};

img.addEventListener(

"load",

done,

{once:true}

);

img.addEventListener(

"error",

done,

{once:true}

);

});

})

);

run();

}

window.addEventListener(

"resize",

onResize,

{passive:true}

);

waitForReady();

})();

</script>

1827

Wiki source code of Project Planning & Organisation