Wiki source code of Enable

Version 25.1 by Veronika Kocher on Monday, 31 Aug 2026 13:09

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