Skip to Content

Wiki source code of Enable

Version 27.1 by Veronika Kocher on Monday, 31 Aug 2026 13:13
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: 1px solid #e3ded6;
37 border-radius: 11px;
38 background: #fcfbf8;
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;
55 background: #f3efe8;
56 color: #4f4a44;
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;
79 border: 1px solid #e9e4dc;
80 border-radius: 6px;
81 background: #fffdf9;
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 {
90 background: #fff7f1;
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
112 <!-- HERO: IVORY + ORANGE LEITAKZENT -->
113 <section class="arsn-card" style="
114 margin:0 0 18px 0;
115 padding:20px 22px 21px 22px;
116 border:1px solid #e3ded6;
117 border-left:6px solid #e94b13;
118 background:#fcfbf8;
119 ">
120 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
121 PROJECT PHASE 1 · ENABLE
122 </div>
123
124 <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
125 I develop my project idea — I plan, fund &amp; set up my project
126 </h2>
127
128 <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
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>
134
135 <!-- PHASE ORIENTATION -->
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;
145 background:#eaf6f9;
146 border:1px solid #cfe8ef;
147 border-top:4px solid #e94b13;
148 ">
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>
151 </div>
152
153 <div style="
154 padding:12px 14px;
155 border-radius:8px;
156 background:#fcfbf8;
157 border:1px solid #e3ded6;
158 border-top:3px solid #21b6d7;
159 ">
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>
162 </div>
163
164 <div style="
165 padding:12px 14px;
166 border-radius:8px;
167 background:#fcfbf8;
168 border:1px solid #e3ded6;
169 border-top:3px solid #38b76a;
170 ">
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>
173 </div>
174 </section>
175
176 <!-- FOCUS NOW: INFOBLUE -->
177 <section class="arsn-card" style="
178 margin:0 0 29px 0;
179 padding:19px 21px;
180 background:#eaf6f9;
181 border:1px solid #cfe8ef;
182 border-left:5px solid #21b6d7;
183 ">
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>
186
187 <p style="margin:0 0 15px 0;color:#49636a;">
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>
191
192 <div class="arsn-focus-grid" style="
193 display:grid;
194 grid-template-columns:repeat(2,minmax(310px,1fr));
195 gap:8px 26px;
196 color:#364b50;
197 ">
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>
212
213 <!-- AREA INTRO -->
214 <div style="margin:0 0 15px 0;">
215 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
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>
220 </div>
221
222 <!-- FOUR AREAS -->
223 <div class="arsn-area-grid" style="margin-bottom:30px;">
224
225 <section class="arsn-area" style="border-top:4px solid #21b6d7;">
226 <div class="arsn-area-head">
227 <div class="arsn-area-label" style="background:#eaf6f9;color:#355f69;">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-left:3px 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-left:3px solid #21b6d7;">
245 Quick Start for Small Projects
246 </a>
247 </div>
248 </section>
249
250 <section class="arsn-area" style="border-top:4px solid #e94b13;">
251 <div class="arsn-area-head">
252 <div class="arsn-area-label" style="background:#f7e6dd;color:#7b4430;">PLAN &amp; ORGANISE</div>
253 <h4>Define what the project needs and how it will be organised</h4>
254 <p>
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
260 <div class="arsn-area-body">
261 <a class="arsn-topic"
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;">
264 Project Planning &amp; Organisation
265 </a>
266
267 <a class="arsn-topic"
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;">
270 Funding &amp; Funder Requirements
271 </a>
272
273 <a class="arsn-topic"
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;">
276 Identify Your Data &amp; Research Outputs
277 </a>
278
279 <a class="arsn-topic"
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;">
282 Plan Your Data Management
283 </a>
284
285 <a class="arsn-topic"
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;">
288 File Organisation &amp; Naming
289 </a>
290 </div>
291 </section>
292
293 <section class="arsn-area" style="border-top:4px solid #f0aa00;">
294 <div class="arsn-area-head">
295 <div class="arsn-area-label" style="background:#fff3d5;color:#7a5b12;">PROTECT &amp; CLARIFY</div>
296 <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
297 <p>
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
303 <div class="arsn-area-body">
304 <a class="arsn-topic"
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;">
307 Copyright, Rights &amp; Licences
308 </a>
309
310 <a class="arsn-topic"
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;">
313 Data Protection &amp; Ethics
314 </a>
315 </div>
316 </section>
317
318 <section class="arsn-area" style="border-top:4px solid #38b76a;">
319 <div class="arsn-area-head">
320 <div class="arsn-area-label" style="background:#e6f3e9;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
321 <h4>Create a working environment the project can actually use</h4>
322 <p>
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
328 <div class="arsn-area-body">
329 <a class="arsn-topic"
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;">
332 Storage, Backup &amp; Security
333 </a>
334
335 <a class="arsn-topic"
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;">
338 Infrastructure, Services &amp; Tools
339 </a>
340
341 <a class="arsn-topic"
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;">
344 Collaboration Setup
345 </a>
346 </div>
347 </section>
348
349 </div>
350
351 <!-- NEXT PHASE: IVORY + ORANGE -->
352 <section class="arsn-card" style="
353 margin:0 0 27px 0;
354 padding:18px 20px;
355 background:#fcfbf8;
356 border:1px solid #e3ded6;
357 border-left:5px solid #e94b13;
358 ">
359 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
360 <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
361
362 <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
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
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"
369 style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
370 Continue to Work &amp; Manage
371 </a>
372 </section>
373
374 <!-- PRACTICAL RESOURCES -->
375 <div style="margin:0 0 13px 0;">
376 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
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>
381 </div>
382
383 <div class="arsn-resource-grid" style="margin-bottom:27px;">
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>
386 <div style="margin-top:5px;color:#625d56;">Short reference guides for common questions and decisions.</div>
387 </div>
388
389 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
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>
392 </div>
393
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>
396 <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
397 </div>
398 </div>
399
400 <!-- HELP -->
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;">
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
416 <!-- RULE OF THUMB: INFOBLUE -->
417 <aside style="
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;">A useful rule of thumb</strong>
425 <div style="margin-top:5px;color:#365e68;line-height:1.5;">
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}}