Skip to Content

Wiki source code of Enable

Version 27.1 by Veronika Kocher on Monday, 31 Aug 2026 13:13
Hide last authors
Veronika Kocher 22.1 1 {{html clean="false"}}
Veronika Kocher 23.1 2 <style>
3 .arsn-enable {
4 max-width: 1400px;
5 margin: 0 auto;
6 color: #322f2b;
7 }
Veronika Kocher 16.1 8
Veronika Kocher 23.1 9 .arsn-enable * {
10 box-sizing: border-box;
11 }
12
13 .arsn-eyebrow {
14 font-size: 12px;
15 font-weight: 700;
16 letter-spacing: .075em;
17 text-transform: uppercase;
18 }
19
20 .arsn-card {
21 border-radius: 11px;
22 box-shadow: 0 1px 3px rgba(0,0,0,.035);
23 }
24
25 .arsn-area-grid {
26 display: grid;
27 grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
28 gap: 18px;
29 align-items: stretch;
30 }
31
32 .arsn-area {
33 display: flex;
34 flex-direction: column;
35 overflow: hidden;
Veronika Kocher 24.1 36 border: 1px solid #e3ded6;
Veronika Kocher 23.1 37 border-radius: 11px;
Veronika Kocher 24.1 38 background: #fcfbf8;
Veronika Kocher 23.1 39 box-shadow: 0 1px 3px rgba(0,0,0,.035);
40 }
41
42 .arsn-area-head {
43 padding: 18px 19px 12px 19px;
44 }
45
46 .arsn-area-body {
47 padding: 3px 19px 19px 19px;
48 }
49
50 .arsn-area-label {
51 display: inline-block;
52 padding: 5px 8px;
53 margin-bottom: 9px;
54 border-radius: 5px;
Veronika Kocher 25.1 55 background: #f3efe8;
56 color: #4f4a44;
Veronika Kocher 23.1 57 font-size: 12px;
58 font-weight: 700;
59 letter-spacing: .065em;
60 }
61
62 .arsn-area h4 {
63 font-size: 19px;
64 line-height: 1.3;
65 margin: 0 0 7px 0;
66 color: #2f2b27;
67 }
68
69 .arsn-area p {
70 margin: 0;
71 line-height: 1.5;
72 color: #625d56;
73 }
74
75 .arsn-topic {
76 display: block;
77 margin: 6px 0;
78 padding: 10px 11px;
Veronika Kocher 24.1 79 border: 1px solid #e9e4dc;
Veronika Kocher 23.1 80 border-radius: 6px;
Veronika Kocher 25.1 81 background: #fffdf9;
Veronika Kocher 23.1 82 color: #252321;
83 text-decoration: none;
84 font-weight: 600;
85 transition: transform .08s ease, box-shadow .08s ease, background .08s ease;
86 }
87
88 .arsn-topic:hover,
89 .arsn-topic:focus {
Veronika Kocher 25.1 90 background: #fff7f1;
Veronika Kocher 23.1 91 text-decoration: none;
92 transform: translateY(-1px);
93 box-shadow: 0 2px 5px rgba(0,0,0,.06);
94 }
95
96 .arsn-resource-grid {
97 display: grid;
98 grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
99 gap: 12px;
100 }
101
102 @media (max-width: 700px) {
103 .arsn-phase-grid,
104 .arsn-focus-grid {
105 grid-template-columns: 1fr !important;
106 }
107 }
108 </style>
109
110 <div class="arsn-enable">
111
Veronika Kocher 25.1 112 <!-- HERO: IVORY + ORANGE LEITAKZENT -->
Veronika Kocher 23.1 113 <section class="arsn-card" style="
114 margin:0 0 18px 0;
115 padding:20px 22px 21px 22px;
Veronika Kocher 24.1 116 border:1px solid #e3ded6;
117 border-left:6px solid #e94b13;
Veronika Kocher 25.1 118 background:#fcfbf8;
Veronika Kocher 23.1 119 ">
Veronika Kocher 25.1 120 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
Veronika Kocher 22.1 121 PROJECT PHASE 1 · ENABLE
122 </div>
Veronika Kocher 16.1 123
Veronika Kocher 23.1 124 <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
Veronika Kocher 22.1 125 I develop my project idea — I plan, fund &amp; set up my project
126 </h2>
Veronika Kocher 16.1 127
Veronika Kocher 23.1 128 <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
Veronika Kocher 22.1 129 Before active project work begins, clarify how the project will be organised, funded and supported,
130 what materials and research outputs are expected, and how rights, responsibilities, infrastructure
131 and data management will be handled from the start.
132 </p>
133 </section>
Veronika Kocher 16.1 134
Veronika Kocher 26.1 135 <!-- PHASE ORIENTATION -->
Veronika Kocher 23.1 136 <section class="arsn-phase-grid" style="
137 display:grid;
138 grid-template-columns:repeat(3,minmax(210px,1fr));
139 gap:10px;
140 margin:0 0 26px 0;
141 ">
142 <div style="
143 padding:12px 14px;
144 border-radius:8px;
Veronika Kocher 25.1 145 background:#eaf6f9;
146 border:1px solid #cfe8ef;
147 border-top:4px solid #e94b13;
Veronika Kocher 23.1 148 ">
Veronika Kocher 25.1 149 <div class="arsn-eyebrow" style="font-size:11px;color:#3f6871;">1 · ENABLE</div>
150 <div style="margin-top:4px;font-weight:700;color:#2f4e56;">Plan &amp; set up</div>
Veronika Kocher 22.1 151 </div>
Veronika Kocher 16.1 152
Veronika Kocher 23.1 153 <div style="
154 padding:12px 14px;
155 border-radius:8px;
Veronika Kocher 24.1 156 background:#fcfbf8;
157 border:1px solid #e3ded6;
Veronika Kocher 26.1 158 border-top:3px solid #21b6d7;
Veronika Kocher 23.1 159 ">
Veronika Kocher 24.1 160 <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">2 · WORK &amp; MANAGE</div>
161 <div style="margin-top:4px;color:#6a655e;">Run &amp; document</div>
Veronika Kocher 22.1 162 </div>
Veronika Kocher 16.1 163
Veronika Kocher 23.1 164 <div style="
165 padding:12px 14px;
166 border-radius:8px;
Veronika Kocher 24.1 167 background:#fcfbf8;
168 border:1px solid #e3ded6;
Veronika Kocher 26.1 169 border-top:3px solid #38b76a;
Veronika Kocher 23.1 170 ">
Veronika Kocher 24.1 171 <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">3 · PUBLISH &amp; SHARE</div>
172 <div style="margin-top:4px;color:#6a655e;">Publish, preserve &amp; hand over</div>
Veronika Kocher 22.1 173 </div>
174 </section>
Veronika Kocher 16.1 175
Veronika Kocher 25.1 176 <!-- FOCUS NOW: INFOBLUE -->
Veronika Kocher 23.1 177 <section class="arsn-card" style="
178 margin:0 0 29px 0;
179 padding:19px 21px;
Veronika Kocher 25.1 180 background:#eaf6f9;
181 border:1px solid #cfe8ef;
182 border-left:5px solid #21b6d7;
Veronika Kocher 23.1 183 ">
Veronika Kocher 25.1 184 <div class="arsn-eyebrow" style="color:#3f6871;margin-bottom:5px;">RIGHT NOW</div>
185 <h3 style="font-size:22px;margin:0 0 8px 0;color:#2f4e56;">What should I be focusing on now?</h3>
Veronika Kocher 16.1 186
Veronika Kocher 25.1 187 <p style="margin:0 0 15px 0;color:#49636a;">
Veronika Kocher 22.1 188 You do not need every detail fixed before you start. You do need enough shared decisions
189 to make the project workable, responsible and easy to continue.
190 </p>
Veronika Kocher 17.1 191
Veronika Kocher 23.1 192 <div class="arsn-focus-grid" style="
193 display:grid;
194 grid-template-columns:repeat(2,minmax(310px,1fr));
195 gap:8px 26px;
Veronika Kocher 25.1 196 color:#364b50;
Veronika Kocher 23.1 197 ">
Veronika Kocher 22.1 198 <div>• What is the scope of the project, and who is responsible for which tasks and decisions?</div>
199 <div>• Which funding opportunities and funder requirements apply?</div>
200 <div>• What data, materials, documentation and artistic or research outputs will be created, collected or reused?</div>
201 <div>• Do I need a Data Management Plan, and what should it cover?</div>
202 <div>• Which copyright, permissions, licences or third-party rights need to be clarified early?</div>
203 <div>• Will the project involve personal, sensitive, confidential or ethically complex materials?</div>
204 <div>• How should files and folders be organised and named from the beginning?</div>
205 <div>• Where will project materials be stored, how will they be backed up, and who should have access?</div>
206 <div>• Which institutional infrastructure, services and tools are appropriate?</div>
207 <div>• How should collaboration, shared accounts, access groups and handover responsibilities be set up?</div>
208 <div>• What is the minimum setup needed if this is a small or low-complexity project?</div>
209 <div>• Which decisions should be reviewed again as the project develops?</div>
210 </div>
211 </section>
Veronika Kocher 17.1 212
Veronika Kocher 23.1 213 <!-- AREA INTRO -->
214 <div style="margin:0 0 15px 0;">
Veronika Kocher 25.1 215 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
Veronika Kocher 23.1 216 <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
217 <p style="margin:0;color:#6a655e;">
218 Start with the area that matches what you need to decide or set up now.
219 </p>
Veronika Kocher 22.1 220 </div>
Veronika Kocher 17.1 221
Veronika Kocher 26.1 222 <!-- FOUR AREAS -->
Veronika Kocher 23.1 223 <div class="arsn-area-grid" style="margin-bottom:30px;">
Veronika Kocher 17.1 224
Veronika Kocher 26.1 225 <section class="arsn-area" style="border-top:4px solid #21b6d7;">
Veronika Kocher 23.1 226 <div class="arsn-area-head">
Veronika Kocher 26.1 227 <div class="arsn-area-label" style="background:#eaf6f9;color:#355f69;">START HERE</div>
Veronika Kocher 23.1 228 <h4>Orient yourself and choose the right level of setup</h4>
229 <p>
Veronika Kocher 22.1 230 Use these pages if you are just starting out, unsure which topics apply,
231 or need a practical minimum setup for a smaller project.
232 </p>
233 </div>
Veronika Kocher 16.1 234
Veronika Kocher 23.1 235 <div class="arsn-area-body">
236 <a class="arsn-topic"
Veronika Kocher 26.1 237 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Get%20Started/"
238 style="border-left:3px solid #21b6d7;">
Veronika Kocher 23.1 239 Get Started
240 </a>
Veronika Kocher 16.1 241
Veronika Kocher 23.1 242 <a class="arsn-topic"
Veronika Kocher 26.1 243 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/"
244 style="border-left:3px solid #21b6d7;">
Veronika Kocher 23.1 245 Quick Start for Small Projects
246 </a>
Veronika Kocher 22.1 247 </div>
248 </section>
Veronika Kocher 16.1 249
Veronika Kocher 25.1 250 <section class="arsn-area" style="border-top:4px solid #e94b13;">
Veronika Kocher 23.1 251 <div class="arsn-area-head">
Veronika Kocher 26.1 252 <div class="arsn-area-label" style="background:#f7e6dd;color:#7b4430;">PLAN &amp; ORGANISE</div>
Veronika Kocher 23.1 253 <h4>Define what the project needs and how it will be organised</h4>
254 <p>
Veronika Kocher 22.1 255 Clarify scope, responsibilities, funding conditions, expected materials and outputs,
256 and the basic data-management approach before active work begins.
257 </p>
258 </div>
259
Veronika Kocher 23.1 260 <div class="arsn-area-body">
261 <a class="arsn-topic"
Veronika Kocher 26.1 262 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/"
263 style="border-left:3px solid #e94b13;">
Veronika Kocher 23.1 264 Project Planning &amp; Organisation
265 </a>
Veronika Kocher 22.1 266
Veronika Kocher 23.1 267 <a class="arsn-topic"
Veronika Kocher 26.1 268 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/"
269 style="border-left:3px solid #e94b13;">
Veronika Kocher 23.1 270 Funding &amp; Funder Requirements
271 </a>
Veronika Kocher 22.1 272
Veronika Kocher 23.1 273 <a class="arsn-topic"
Veronika Kocher 26.1 274 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/"
275 style="border-left:3px solid #e94b13;">
Veronika Kocher 23.1 276 Identify Your Data &amp; Research Outputs
277 </a>
Veronika Kocher 22.1 278
Veronika Kocher 23.1 279 <a class="arsn-topic"
Veronika Kocher 26.1 280 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/"
281 style="border-left:3px solid #e94b13;">
Veronika Kocher 23.1 282 Plan Your Data Management
283 </a>
Veronika Kocher 22.1 284
Veronika Kocher 23.1 285 <a class="arsn-topic"
Veronika Kocher 26.1 286 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/"
287 style="border-left:3px solid #e94b13;">
Veronika Kocher 23.1 288 File Organisation &amp; Naming
289 </a>
Veronika Kocher 22.1 290 </div>
291 </section>
292
Veronika Kocher 26.1 293 <section class="arsn-area" style="border-top:4px solid #f0aa00;">
Veronika Kocher 23.1 294 <div class="arsn-area-head">
Veronika Kocher 26.1 295 <div class="arsn-area-label" style="background:#fff3d5;color:#7a5b12;">PROTECT &amp; CLARIFY</div>
Veronika Kocher 23.1 296 <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
297 <p>
Veronika Kocher 22.1 298 Identify legal, ethical or data-protection issues early enough to obtain permissions,
299 make agreements and avoid unnecessary restrictions later.
300 </p>
301 </div>
302
Veronika Kocher 23.1 303 <div class="arsn-area-body">
304 <a class="arsn-topic"
Veronika Kocher 26.1 305 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/"
306 style="border-left:3px solid #f0aa00;">
Veronika Kocher 23.1 307 Copyright, Rights &amp; Licences
308 </a>
Veronika Kocher 22.1 309
Veronika Kocher 23.1 310 <a class="arsn-topic"
Veronika Kocher 26.1 311 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/"
312 style="border-left:3px solid #f0aa00;">
Veronika Kocher 23.1 313 Data Protection &amp; Ethics
314 </a>
Veronika Kocher 22.1 315 </div>
316 </section>
317
Veronika Kocher 26.1 318 <section class="arsn-area" style="border-top:4px solid #38b76a;">
Veronika Kocher 23.1 319 <div class="arsn-area-head">
Veronika Kocher 26.1 320 <div class="arsn-area-label" style="background:#e6f3e9;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
Veronika Kocher 23.1 321 <h4>Create a working environment the project can actually use</h4>
322 <p>
Veronika Kocher 22.1 323 Decide where project materials live, how they are backed up and protected,
324 which tools are appropriate and how access and collaboration will work.
325 </p>
326 </div>
327
Veronika Kocher 23.1 328 <div class="arsn-area-body">
329 <a class="arsn-topic"
Veronika Kocher 26.1 330 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/"
331 style="border-left:3px solid #38b76a;">
Veronika Kocher 23.1 332 Storage, Backup &amp; Security
333 </a>
Veronika Kocher 22.1 334
Veronika Kocher 23.1 335 <a class="arsn-topic"
Veronika Kocher 26.1 336 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/"
337 style="border-left:3px solid #38b76a;">
Veronika Kocher 23.1 338 Infrastructure, Services &amp; Tools
339 </a>
Veronika Kocher 22.1 340
Veronika Kocher 23.1 341 <a class="arsn-topic"
Veronika Kocher 26.1 342 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/"
343 style="border-left:3px solid #38b76a;">
Veronika Kocher 23.1 344 Collaboration Setup
345 </a>
Veronika Kocher 22.1 346 </div>
347 </section>
348
349 </div>
350
Veronika Kocher 26.1 351 <!-- NEXT PHASE: IVORY + ORANGE -->
Veronika Kocher 23.1 352 <section class="arsn-card" style="
353 margin:0 0 27px 0;
354 padding:18px 20px;
Veronika Kocher 25.1 355 background:#fcfbf8;
356 border:1px solid #e3ded6;
Veronika Kocher 23.1 357 border-left:5px solid #e94b13;
358 ">
Veronika Kocher 25.1 359 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
Veronika Kocher 23.1 360 <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
Veronika Kocher 22.1 361
Veronika Kocher 23.1 362 <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
Veronika Kocher 22.1 363 The setup decisions made here should guide the project, but they are not fixed forever.
364 During active project work, organise, document, secure and review how the project is actually working.
365 </p>
366
Veronika Kocher 23.1 367 <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
368 class="btn btn-default"
Veronika Kocher 25.1 369 style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
Veronika Kocher 23.1 370 Continue to Work &amp; Manage
371 </a>
Veronika Kocher 22.1 372 </section>
373
Veronika Kocher 26.1 374 <!-- PRACTICAL RESOURCES -->
Veronika Kocher 22.1 375 <div style="margin:0 0 13px 0;">
Veronika Kocher 25.1 376 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
Veronika Kocher 23.1 377 <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
378 <p style="margin:0;color:#6a655e;">
379 Use concise guides when you need a reference, a procedure or something you can apply directly.
380 </p>
Veronika Kocher 22.1 381 </div>
382
Veronika Kocher 23.1 383 <div class="arsn-resource-grid" style="margin-bottom:27px;">
Veronika Kocher 26.1 384 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #21b6d7;border-radius:9px;">
385 <strong style="color:#3a5d66;">Info Sheets</strong>
Veronika Kocher 24.1 386 <div style="margin-top:5px;color:#625d56;">Short reference guides for common questions and decisions.</div>
Veronika Kocher 22.1 387 </div>
388
Veronika Kocher 25.1 389 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
Veronika Kocher 24.1 390 <strong style="color:#503a31;">Tutorials</strong>
391 <div style="margin-top:5px;color:#625d56;">Step-by-step instructions for specific tasks and workflows.</div>
Veronika Kocher 22.1 392 </div>
393
Veronika Kocher 26.1 394 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #38b76a;border-radius:9px;">
395 <strong style="color:#3f6b4b;">Checklists &amp; Templates</strong>
Veronika Kocher 24.1 396 <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
Veronika Kocher 22.1 397 </div>
398 </div>
399
Veronika Kocher 26.1 400 <!-- HELP -->
Veronika Kocher 23.1 401 <aside style="
402 margin:0 0 14px 0;
403 padding:16px 18px;
404 border:1px solid #c7e5ed;
405 border-left:5px solid #21b6d7;
406 background:#e5f5f9;
407 border-radius:8px;
408 ">
409 <strong style="color:#2d5661;">Need help?</strong>
410 <div style="margin-top:5px;color:#365e68;line-height:1.5;">
Veronika Kocher 22.1 411 Not sure which requirements, services or next steps apply to your project?
412 Contact Art &amp; Research Services for project-specific support.
413 </div>
414 </aside>
415
Veronika Kocher 27.1 416 <!-- RULE OF THUMB: INFOBLUE -->
Veronika Kocher 23.1 417 <aside style="
418 padding:16px 18px;
Veronika Kocher 27.1 419 border:1px solid #c7e5ed;
420 border-left:5px solid #21b6d7;
421 background:#e5f5f9;
Veronika Kocher 23.1 422 border-radius:8px;
423 ">
Veronika Kocher 27.1 424 <strong style="color:#2d5661;">A useful rule of thumb</strong>
425 <div style="margin-top:5px;color:#365e68;line-height:1.5;">
Veronika Kocher 22.1 426 Plan early, document decisions, and review them as the project changes.
427 A simple setup that is actually used is usually more effective than a complex plan that is never updated.
428 </div>
429 </aside>
430
431 </div>
432 {{/html}}