Wiki source code of Enable

Version 24.1 by Veronika Kocher on Monday, 31 Aug 2026 13:05

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;
37 border-top: 4px solid #e94b13;
Veronika Kocher 23.1 38 border-radius: 11px;
Veronika Kocher 24.1 39 background: #fcfbf8;
Veronika Kocher 23.1 40 box-shadow: 0 1px 3px rgba(0,0,0,.035);
41 }
42
43 .arsn-area-head {
44 padding: 18px 19px 12px 19px;
45 }
46
47 .arsn-area-body {
48 padding: 3px 19px 19px 19px;
49 }
50
51 .arsn-area-label {
52 display: inline-block;
53 padding: 5px 8px;
54 margin-bottom: 9px;
55 border-radius: 5px;
Veronika Kocher 24.1 56 background: #f7e6dd;
57 color: #7b4430;
Veronika Kocher 23.1 58 font-size: 12px;
59 font-weight: 700;
60 letter-spacing: .065em;
61 }
62
63 .arsn-area h4 {
64 font-size: 19px;
65 line-height: 1.3;
66 margin: 0 0 7px 0;
67 color: #2f2b27;
68 }
69
70 .arsn-area p {
71 margin: 0;
72 line-height: 1.5;
73 color: #625d56;
74 }
75
76 .arsn-topic {
77 display: block;
78 margin: 6px 0;
79 padding: 10px 11px;
Veronika Kocher 24.1 80 border: 1px solid #e9e4dc;
81 border-left: 3px solid #e94b13;
Veronika Kocher 23.1 82 border-radius: 6px;
Veronika Kocher 24.1 83 background: #fff;
Veronika Kocher 23.1 84 color: #252321;
85 text-decoration: none;
86 font-weight: 600;
87 transition: transform .08s ease, box-shadow .08s ease, background .08s ease;
88 }
89
90 .arsn-topic:hover,
91 .arsn-topic:focus {
Veronika Kocher 24.1 92 background: #fffaf6;
Veronika Kocher 23.1 93 text-decoration: none;
94 transform: translateY(-1px);
95 box-shadow: 0 2px 5px rgba(0,0,0,.06);
96 }
97
98 .arsn-resource-grid {
99 display: grid;
100 grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
101 gap: 12px;
102 }
103
104 @media (max-width: 700px) {
105 .arsn-phase-grid,
106 .arsn-focus-grid {
107 grid-template-columns: 1fr !important;
108 }
109 }
110 </style>
111
112 <div class="arsn-enable">
113
Veronika Kocher 24.1 114 <!-- HERO -->
Veronika Kocher 23.1 115 <section class="arsn-card" style="
116 margin:0 0 18px 0;
117 padding:20px 22px 21px 22px;
Veronika Kocher 24.1 118 border:1px solid #e3ded6;
119 border-left:6px solid #e94b13;
120 background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
Veronika Kocher 23.1 121 ">
Veronika Kocher 24.1 122 <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
Veronika Kocher 22.1 123 PROJECT PHASE 1 · ENABLE
124 </div>
Veronika Kocher 16.1 125
Veronika Kocher 23.1 126 <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
Veronika Kocher 22.1 127 I develop my project idea — I plan, fund &amp; set up my project
128 </h2>
Veronika Kocher 16.1 129
Veronika Kocher 23.1 130 <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
Veronika Kocher 22.1 131 Before active project work begins, clarify how the project will be organised, funded and supported,
132 what materials and research outputs are expected, and how rights, responsibilities, infrastructure
133 and data management will be handled from the start.
134 </p>
135 </section>
Veronika Kocher 16.1 136
Veronika Kocher 22.1 137 <!-- PHASE ORIENTATION -->
Veronika Kocher 23.1 138 <section class="arsn-phase-grid" style="
139 display:grid;
140 grid-template-columns:repeat(3,minmax(210px,1fr));
141 gap:10px;
142 margin:0 0 26px 0;
143 ">
144 <div style="
145 padding:12px 14px;
146 border-radius:8px;
Veronika Kocher 24.1 147 background:#fff2eb;
148 border:1px solid #f0d7ca;
149 border-bottom:4px solid #e94b13;
Veronika Kocher 23.1 150 ">
Veronika Kocher 24.1 151 <div class="arsn-eyebrow" style="font-size:11px;color:#7d4a37;">1 · ENABLE</div>
152 <div style="margin-top:4px;font-weight:700;color:#43332d;">Plan &amp; set up</div>
Veronika Kocher 22.1 153 </div>
Veronika Kocher 16.1 154
Veronika Kocher 23.1 155 <div style="
156 padding:12px 14px;
157 border-radius:8px;
Veronika Kocher 24.1 158 background:#fcfbf8;
159 border:1px solid #e3ded6;
Veronika Kocher 23.1 160 ">
Veronika Kocher 24.1 161 <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">2 · WORK &amp; MANAGE</div>
162 <div style="margin-top:4px;color:#6a655e;">Run &amp; document</div>
Veronika Kocher 22.1 163 </div>
Veronika Kocher 16.1 164
Veronika Kocher 23.1 165 <div style="
166 padding:12px 14px;
167 border-radius:8px;
Veronika Kocher 24.1 168 background:#fcfbf8;
169 border:1px solid #e3ded6;
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 22.1 176 <!-- FOCUS NOW -->
Veronika Kocher 23.1 177 <section class="arsn-card" style="
178 margin:0 0 29px 0;
179 padding:19px 21px;
Veronika Kocher 24.1 180 background:#fff8f3;
181 border:1px solid #eedfd6;
182 border-left:5px solid #e94b13;
Veronika Kocher 23.1 183 ">
Veronika Kocher 24.1 184 <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">RIGHT NOW</div>
185 <h3 style="font-size:22px;margin:0 0 8px 0;color:#43332d;">What should I be focusing on now?</h3>
Veronika Kocher 16.1 186
Veronika Kocher 24.1 187 <p style="margin:0 0 15px 0;color:#685b54;">
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 24.1 196 color:#413b37;
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 24.1 215 <div class="arsn-eyebrow" style="color:#7d4a37;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 23.1 222 <!-- FOUR AREAS -->
223 <div class="arsn-area-grid" style="margin-bottom:30px;">
Veronika Kocher 17.1 224
Veronika Kocher 24.1 225 <section class="arsn-area">
Veronika Kocher 23.1 226 <div class="arsn-area-head">
Veronika Kocher 24.1 227 <div class="arsn-area-label">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 24.1 237 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Get%20Started/">
Veronika Kocher 23.1 238 Get Started
239 </a>
Veronika Kocher 16.1 240
Veronika Kocher 23.1 241 <a class="arsn-topic"
Veronika Kocher 24.1 242 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/">
Veronika Kocher 23.1 243 Quick Start for Small Projects
244 </a>
Veronika Kocher 22.1 245 </div>
246 </section>
Veronika Kocher 16.1 247
Veronika Kocher 24.1 248 <section class="arsn-area">
Veronika Kocher 23.1 249 <div class="arsn-area-head">
Veronika Kocher 24.1 250 <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
Veronika Kocher 23.1 251 <h4>Define what the project needs and how it will be organised</h4>
252 <p>
Veronika Kocher 22.1 253 Clarify scope, responsibilities, funding conditions, expected materials and outputs,
254 and the basic data-management approach before active work begins.
255 </p>
256 </div>
257
Veronika Kocher 23.1 258 <div class="arsn-area-body">
259 <a class="arsn-topic"
Veronika Kocher 24.1 260 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
Veronika Kocher 23.1 261 Project Planning &amp; Organisation
262 </a>
Veronika Kocher 22.1 263
Veronika Kocher 23.1 264 <a class="arsn-topic"
Veronika Kocher 24.1 265 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
Veronika Kocher 23.1 266 Funding &amp; Funder Requirements
267 </a>
Veronika Kocher 22.1 268
Veronika Kocher 23.1 269 <a class="arsn-topic"
Veronika Kocher 24.1 270 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/">
Veronika Kocher 23.1 271 Identify Your Data &amp; Research Outputs
272 </a>
Veronika Kocher 22.1 273
Veronika Kocher 23.1 274 <a class="arsn-topic"
Veronika Kocher 24.1 275 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">
Veronika Kocher 23.1 276 Plan Your Data Management
277 </a>
Veronika Kocher 22.1 278
Veronika Kocher 23.1 279 <a class="arsn-topic"
Veronika Kocher 24.1 280 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">
Veronika Kocher 23.1 281 File Organisation &amp; Naming
282 </a>
Veronika Kocher 22.1 283 </div>
284 </section>
285
Veronika Kocher 24.1 286 <section class="arsn-area">
Veronika Kocher 23.1 287 <div class="arsn-area-head">
Veronika Kocher 24.1 288 <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
Veronika Kocher 23.1 289 <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
290 <p>
Veronika Kocher 22.1 291 Identify legal, ethical or data-protection issues early enough to obtain permissions,
292 make agreements and avoid unnecessary restrictions later.
293 </p>
294 </div>
295
Veronika Kocher 23.1 296 <div class="arsn-area-body">
297 <a class="arsn-topic"
Veronika Kocher 24.1 298 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/">
Veronika Kocher 23.1 299 Copyright, Rights &amp; Licences
300 </a>
Veronika Kocher 22.1 301
Veronika Kocher 23.1 302 <a class="arsn-topic"
Veronika Kocher 24.1 303 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">
Veronika Kocher 23.1 304 Data Protection &amp; Ethics
305 </a>
Veronika Kocher 22.1 306 </div>
307 </section>
308
Veronika Kocher 24.1 309 <section class="arsn-area">
Veronika Kocher 23.1 310 <div class="arsn-area-head">
Veronika Kocher 24.1 311 <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
Veronika Kocher 23.1 312 <h4>Create a working environment the project can actually use</h4>
313 <p>
Veronika Kocher 22.1 314 Decide where project materials live, how they are backed up and protected,
315 which tools are appropriate and how access and collaboration will work.
316 </p>
317 </div>
318
Veronika Kocher 23.1 319 <div class="arsn-area-body">
320 <a class="arsn-topic"
Veronika Kocher 24.1 321 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/">
Veronika Kocher 23.1 322 Storage, Backup &amp; Security
323 </a>
Veronika Kocher 22.1 324
Veronika Kocher 23.1 325 <a class="arsn-topic"
Veronika Kocher 24.1 326 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/">
Veronika Kocher 23.1 327 Infrastructure, Services &amp; Tools
328 </a>
Veronika Kocher 22.1 329
Veronika Kocher 23.1 330 <a class="arsn-topic"
Veronika Kocher 24.1 331 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
Veronika Kocher 23.1 332 Collaboration Setup
333 </a>
Veronika Kocher 22.1 334 </div>
335 </section>
336
337 </div>
338
339 <!-- NEXT PHASE -->
Veronika Kocher 23.1 340 <section class="arsn-card" style="
341 margin:0 0 27px 0;
342 padding:18px 20px;
Veronika Kocher 24.1 343 background:#fff4ee;
344 border:1px solid #efd9cc;
Veronika Kocher 23.1 345 border-left:5px solid #e94b13;
346 ">
347 <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
348 <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
Veronika Kocher 22.1 349
Veronika Kocher 23.1 350 <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
Veronika Kocher 22.1 351 The setup decisions made here should guide the project, but they are not fixed forever.
352 During active project work, organise, document, secure and review how the project is actually working.
353 </p>
354
Veronika Kocher 23.1 355 <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
356 class="btn btn-default"
357 style="background:#fff;border-color:#e4cabc;color:#493a34;">
358 Continue to Work &amp; Manage
359 </a>
Veronika Kocher 22.1 360 </section>
361
362 <!-- PRACTICAL RESOURCES -->
363 <div style="margin:0 0 13px 0;">
Veronika Kocher 24.1 364 <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:4px;">USEFUL MATERIALS</div>
Veronika Kocher 23.1 365 <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
366 <p style="margin:0;color:#6a655e;">
367 Use concise guides when you need a reference, a procedure or something you can apply directly.
368 </p>
Veronika Kocher 22.1 369 </div>
370
Veronika Kocher 23.1 371 <div class="arsn-resource-grid" style="margin-bottom:27px;">
Veronika Kocher 24.1 372 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
373 <strong style="color:#503a31;">Info Sheets</strong>
374 <div style="margin-top:5px;color:#625d56;">Short reference guides for common questions and decisions.</div>
Veronika Kocher 22.1 375 </div>
376
Veronika Kocher 24.1 377 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
378 <strong style="color:#503a31;">Tutorials</strong>
379 <div style="margin-top:5px;color:#625d56;">Step-by-step instructions for specific tasks and workflows.</div>
Veronika Kocher 22.1 380 </div>
381
Veronika Kocher 24.1 382 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
383 <strong style="color:#503a31;">Checklists &amp; Templates</strong>
384 <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
Veronika Kocher 22.1 385 </div>
386 </div>
387
Veronika Kocher 24.1 388 <!-- HELP — intentional info blue -->
Veronika Kocher 23.1 389 <aside style="
390 margin:0 0 14px 0;
391 padding:16px 18px;
392 border:1px solid #c7e5ed;
393 border-left:5px solid #21b6d7;
394 background:#e5f5f9;
395 border-radius:8px;
396 ">
397 <strong style="color:#2d5661;">Need help?</strong>
398 <div style="margin-top:5px;color:#365e68;line-height:1.5;">
Veronika Kocher 22.1 399 Not sure which requirements, services or next steps apply to your project?
400 Contact Art &amp; Research Services for project-specific support.
401 </div>
402 </aside>
403
404 <!-- RULE OF THUMB -->
Veronika Kocher 23.1 405 <aside style="
406 padding:16px 18px;
Veronika Kocher 24.1 407 border:1px solid #efd9cc;
408 border-left:5px solid #e94b13;
409 background:#fff4ee;
Veronika Kocher 23.1 410 border-radius:8px;
411 ">
Veronika Kocher 24.1 412 <strong style="color:#744531;">A useful rule of thumb</strong>
413 <div style="margin-top:5px;color:#67564e;line-height:1.5;">
Veronika Kocher 22.1 414 Plan early, document decisions, and review them as the project changes.
415 A simple setup that is actually used is usually more effective than a complex plan that is never updated.
416 </div>
417 </aside>
418
419 </div>
420 {{/html}}