Skip to Content

Wiki source code of Enable

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