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

{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}

420

421

422

423

{{include reference="Service Navigator.Art & Research Services Navigator.Code.PracticalResourcesFallbackBlock" author="target" /}}

424

425

426

427

428

<summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms & related topics</summary>

429

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

430

</details>

431

</div>

438

439

440

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

441

MASTER TYPOGRAPHY

442

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

#xwikicontent h1,

#xwikicontent h2,

#xwikicontent h3,

#xwikicontent h4,

#xwikicontent h5,

#xwikicontent h6,

#xwikicontent .box-title,

450

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

458

#xwikicontent [role="heading"] a{

459

text-align:left!important;

460

text-justify:auto!important;

461

word-spacing:normal!important;

462

}

463

464

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

465

COMING SOON / IN VORBEREITUNG

466

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

467

.sn-coming-soon-badge{

468

display:inline-block;

469

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;

}

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

484

NATIVE / DETAIL CALLOUT GEOMETRY

485

Preserve existing backgrounds.

486

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

487

#xwikicontent .arsn-info,

488

#xwikicontent .dmp-info,

489

#xwikicontent .ido-info,

490

#xwikicontent .pp-info,

491

#xwikicontent .infomessage{

492

box-sizing:border-box!important;

493

border-left:4px solid #21b6d7!important;

494

border-radius:8px;

495

text-align:left!important;

496

word-spacing:normal!important;

497

}

498

499

#xwikicontent .arsn-warn,

500

#xwikicontent .dmp-warn,

501

#xwikicontent .ido-warn,

502

#xwikicontent .pp-warn,

503

#xwikicontent .warn,

504

#xwikicontent .warning,

505

#xwikicontent .warningmessage,

506

#xwikicontent .errormessage{

507

box-sizing:border-box!important;

508

border-left:4px solid #e94b13!important;

509

border-radius:8px;

510

text-align:left!important;

511

word-spacing:normal!important;

512

}

513

514

[data-sn-master-equal-height],

515

[data-sn-master-first-row]{

516

box-sizing:border-box;

517

}

518

519

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

520

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

521

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

522

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

523

display:grid!important;

524

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

525

grid-auto-rows:auto!important;

526

width:100%!important;

527

max-width:none!important;

528

box-sizing:border-box!important;

529

justify-items:start!important;

530

align-items:start!important;

531

gap:2px!important;

532

text-align:left!important;

533

text-align-last:left!important;

534

text-justify:auto!important;

535

word-spacing:normal!important;

536

white-space:normal!important;

537

}

538

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

539

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

540

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

541

display:block!important;

542

width:100%!important;

543

margin:0!important;

544

text-align:left!important;

545

text-align-last:left!important;

546

text-justify:auto!important;

547

word-spacing:normal!important;

548

white-space:normal!important;

}

</style>

(function(){

"use strict";

var PAGE_KIND="detail";

557

var PLACEHOLDER=false;

558

var PLACEHOLDER_LABEL="COMING SOON";

var MOBILE_MAX=767;

var ROW_TOLERANCE=6;

var RESIZE_DEBOUNCE=220;

563

564

var root=

565

document.getElementById("xwikicontent")||

566

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

567

document.querySelector("main")||

document.body;

if(!root)return;

var managedHeight=new Set();

573

var managedMargin=new Set();

574

var originalHeight=new WeakMap();

575

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",

602

"ORGANISIEREN & DOKUMENTIEREN",

603

"PUBLIZIEREN & PRÄSENTIEREN",

604

"PLAN & ORGANISE",

605

"PLAN & ORGANIZE",

606

"ORGANISE & DOCUMENT",

607

"ORGANIZE & DOCUMENT",

"PUBLISH & PRESENT"

]

},

{

name:"YELLOW",

accent:"#f0aa00",

bg:"#fff8e7",

text:"#785b17",

labels:[

"SCHÜTZEN & KLÄREN",

"STANDARDISIEREN & IDENTIFIZIEREN",

619

"ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",

620

"PROTECT & CLARIFY",

621

"STANDARDISE & IDENTIFY",

622

"STANDARDIZE & IDENTIFY",

623

"OPEN, REUSE & MAKE FINDABLE"

]

},

{

name:"GREEN",

accent:"#38b76a",

bg:"#edf9f1",

text:"#3f7451",

labels:[

"INFRASTRUKTUR EINRICHTEN",

633

"INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",

634

"SPEICHERN & ZUGRIFF STEUERN",

635

"REPOSITORIUM, ERHALTEN & ÜBERGEBEN",

636

"SET UP INFRASTRUCTURE",

637

"SET UP INFRASTRUCTURE & COLLABORATION",

638

"STORE & CONTROL ACCESS",

639

"REPOSITORY, PRESERVE & HAND OVER"

]

}

];

function num(value){

var n=parseFloat(value);

646

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

647

}

648

649

function norm(value){

650

return String(value||"")

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

.trim()

.toUpperCase();

}

function visible(el){

657

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

658

659

var style=getComputedStyle(el);

660

var rect=el.getBoundingClientRect();

661

662

return (

663

style.display!=="none"&&

664

style.visibility!=="hidden"&&

rect.width>20&&

rect.height>4

);

}

function saveStyle(el,map,property){

671

if(map.has(el))return;

672

673

map.set(el,{

674

value:el.style.getPropertyValue(property),

675

priority:el.style.getPropertyPriority(property)

});

}

function restoreStyle(el,map,property){

680

var original=map.get(el);

681

682

if(original&&original.value){

683

el.style.setProperty(

684

property,

685

original.value,

686

original.priority||""

687

);

688

}else{

689

el.style.removeProperty(property);

}

}

function resetRuntime(){

694

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();

717

managedMargin.clear();

718

}

719

720

function themeFor(text){

721

var value=norm(text);

722

723

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

724

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

725

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

if(

value===label||

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

730

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

731

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

){

return THEMES[i];

}

}

}

return null;

}

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

742

BORDERLESS FILLED RED/ORANGE CTA BUTTONS

743

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

744

745

function colourDistance(a,b){

746

return Math.sqrt(

747

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

748

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

749

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

);

}

function makeFilledRedOrangeCTAsBorderless(){

754

var RED_ORANGE=[233,75,19];

755

756

Array.from(

757

root.querySelectorAll(

758

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

759

)

760

).forEach(function(el){

761

if(!visible(el))return;

762

763

var style=getComputedStyle(el);

764

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"

);

});

}

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

825

FULL-WIDTH THREE-LINE AREA LABELS

826

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

827

828

function compactText(value){

829

return String(value||"")

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

.trim();

}

function makeThreeLineAreaLabels(){

835

Array.from(

836

root.querySelectorAll(

837

".arsn-area-label"

838

)

839

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

897

898

var actionNode=

899

action.cloneNode(true);

900

901

var titleNode=

902

document.createElement(

"span"

);

titleNode.className=

"sn-area-label-title";

908

909

titleNode.textContent=

910

titleText;

911

912

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"

);

}

});

}

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

963

PLACEHOLDER BADGE

964

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

965

966

function applyPlaceholderBadge(){

967

if(!PLACEHOLDER)return;

968

969

if(

970

document.querySelector(

971

".sn-coming-soon-badge"

)

){

return;

}

var title=

document.querySelector(

979

"#document-title"

980

)||

981

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

);

}

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

1009

DETAIL PAGE OWN-ACCENT PROPAGATION

1010

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

1011

1012

function parseRGB(value){

1013

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

1014

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

1015

);

1016

1017

if(!match)return null;

return [

Number(match[1]),

Number(match[2]),

Number(match[3])

];

}

function distance(a,b){

1027

return Math.sqrt(

1028

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

1029

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

1030

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

);

}

function paletteMatch(cssColor){

1035

var rgb=parseRGB(cssColor);

if(!rgb)return null;

var palette=[

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

1041

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

1042

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

1043

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

];

var best=null;

var bestDistance=Infinity;

1048

1049

palette.forEach(function(item){

1050

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

if(d<bestDistance){

best=item;

bestDistance=d;

}

});

return bestDistance<=30

?best

:null;

}

function propagateDetailAccents(){

1064

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

1065

1066

Array.from(

1067

root.querySelectorAll(

1068

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

1069

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

1070

)

1071

).forEach(function(el){

1072

if(!visible(el))return;

1073

1074

var style=getComputedStyle(el);

1075

1076

if(

1077

num(style.borderTopWidth)>=2

){

var match=

paletteMatch(

style.borderTopColor

);

if(match){

el.style.setProperty(

1086

"border-left",

1087

"4px solid "+match.hex,

"important"

);

}

}

});

// Warning families: explicit safety override.

1095

Array.from(

1096

root.querySelectorAll(

1097

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

1098

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

1099

)

1100

).forEach(function(el){

1101

if(!visible(el))return;

1102

1103

el.style.setProperty(

"border-left",

"4px solid #e94b13",

"important"

);

});

// Info families: explicit orientation override.

1111

Array.from(

1112

root.querySelectorAll(

1113

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

1114

)

1115

).forEach(function(el){

1116

if(!visible(el))return;

1117

1118

el.style.setProperty(

"border-left",

"4px solid #21b6d7",

"important"

);

});

}

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

1127

OVERVIEW SEMANTIC THEME PALETTE

1128

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

1129

1130

function smallestThemeHeaders(){

1131

return Array.from(

1132

root.querySelectorAll(

1133

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

1134

)

1135

).filter(function(el){

1136

if(!visible(el))return false;

1137

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

return !Array.from(

el.children||[]

).some(function(child){

return !!themeFor(

child.textContent

);

});

});

}

function findOverviewCard(header){

1150

var node=header.parentElement;

1151

var candidates=[];

1152

1153

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

1154

var rect=node.getBoundingClientRect();

1155

var style=getComputedStyle(node);

1156

1157

var border=

1158

num(style.borderTopWidth)+

1159

num(style.borderRightWidth)+

1160

num(style.borderBottomWidth)+

1161

num(style.borderLeftWidth);

if(

rect.width>=220&&

rect.width<=800&&

rect.height>=120&&

border>=1

){

candidates.push(node);

1170

}

1171

1172

node=node.parentElement;

1173

}

1174

1175

if(!candidates.length)return null;

1176

1177

candidates.sort(function(a,b){

1178

return (

1179

b.getBoundingClientRect().height-

1180

a.getBoundingClientRect().height

);

});

return candidates[0];

1185

}

1186

1187

function rowCandidates(link,card){

1188

var result=[];

1189

var cardRect=

1190

card.getBoundingClientRect();

var node=link;

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

1195

if(visible(node)){

1196

var rect=

1197

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){

1240

var ar=

1241

a.getBoundingClientRect();

1242

1243

var br=

1244

b.getBoundingClientRect();

return (

ar.left-br.left||

br.width-ar.width

);

});

return pool[0]||link;

1253

}

1254

1255

function applyOverviewPalette(){

1256

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();

1281

1282

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)){

1299

seenHeaders.add(key);

unique.push(row);

}

});

unique.forEach(function(row){

1305

var headerRect=

1306

row.el

1307

.getBoundingClientRect();

1308

1309

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){

1336

return (

1337

other.card===row.card&&

1338

other.el

1339

.getBoundingClientRect()

.top>

headerRect.top+2

);

})

.sort(function(a,b){

return (

a.el

.getBoundingClientRect()

1348

.top-

1349

b.el

1350

.getBoundingClientRect()

.top

);

});

var stopTop=

later.length

?later[0].el

.getBoundingClientRect()

.top

:Infinity;

Array.from(

row.card.querySelectorAll("a")

1364

).forEach(function(link){

1365

if(!visible(link))return;

1366

1367

var rect=

1368

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){

1392

el.style.setProperty(

1393

"border-left",

1394

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

}

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

1418

OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW

1419

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

1420

1421

function alignOverviewCards(headers){

1422

if(

1423

PAGE_KIND!=="overview"||

1424

window.innerWidth<=MOBILE_MAX

){

return;

}

var cards=[];

var seen=new Set();

headers.forEach(function(row){

1433

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

1434

seen.add(row.card);

1435

cards.push(row.card);

}

});

if(cards.length<2){

return;

}

// Group cards by actual top position.

1444

var groups=[];

1445

1446

cards.forEach(function(card){

1447

var top=

1448

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

1472

});

1473

1474

groups.forEach(function(group){

1475

if(group.cards.length<2){

return;

}

var firstHeaders=

group.cards.map(function(card){

1481

var candidates=

1482

headers

1483

.filter(function(row){

1484

return row.card===card;

})

.sort(function(a,b){

return (

a.el

.getBoundingClientRect()

1490

.top-

1491

b.el

1492

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

1511

return (

1512

row.el

1513

.getBoundingClientRect()

1514

.top-

1515

row.card

1516

.getBoundingClientRect()

.top

);

})

);

firstHeaders.forEach(function(row){

1523

var relativeTop=

1524

row.el

1525

.getBoundingClientRect()

1526

.top-

1527

row.card

1528

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

1581

1582

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

);

});

});

}

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

1607

DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY

1608

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

1609

1610

function equaliseDetailGrids(){

1611

if(

1612

PAGE_KIND!=="detail"||

1613

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){

1628

Array.from(

1629

root.querySelectorAll(selector)

1630

).forEach(function(grid){

var children=

Array.from(

grid.children||[]

).filter(visible);

if(children.length<2){

return;

}

var groups=[];

children.forEach(function(child){

1643

var top=

1644

child

1645

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

1670

});

1671

1672

groups.forEach(function(group){

1673

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

1691

1692

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

});

});

});

});

}

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

1717

RUN / RESPONSIVE SCHEDULING

1718

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

function run(){

if(running)return;

running=true;

try{

resetRuntime();

applyPlaceholderBadge();

1728

propagateDetailAccents();

1729

1730

var headers=

1731

applyOverviewPalette();

1732

1733

makeThreeLineAreaLabels();

1734

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(){

1769

if(

1770

document.readyState!=="complete"

1771

){

1772

await new Promise(function(resolve){

1773

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){

1797

if(img.complete){

1798

return Promise.resolve();

1799

}

1800

1801

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>

1835

Wiki source code of Project Planning & Organisation

Applications

Navigation

My Recent Modifications