Skip to Content

Wiki source code of Enable

Version 25.1 by Veronika Kocher on Monday, 31 Aug 2026 13:09
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-left: 3px solid #e94b13;
81 border-radius: 6px;
82 background: #fffdf9;
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 {
91 background: #fff7f1;
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
113 <!-- HERO: IVORY + ORANGE LEITAKZENT -->
114 <section class="arsn-card" style="
115 margin:0 0 18px 0;
116 padding:20px 22px 21px 22px;
117 border:1px solid #e3ded6;
118 border-left:6px solid #e94b13;
119 background:#fcfbf8;
120 ">
121 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
122 PROJECT PHASE 1 · ENABLE
123 </div>
124
125 <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
126 I develop my project idea — I plan, fund &amp; set up my project
127 </h2>
128
129 <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
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>
135
136 <!-- PHASE ORIENTATION: INFOBLUE + IVORY + ORANGE ACTIVE MARKER -->
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;
146 background:#eaf6f9;
147 border:1px solid #cfe8ef;
148 border-top:4px solid #e94b13;
149 ">
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>
152 </div>
153
154 <div style="
155 padding:12px 14px;
156 border-radius:8px;
157 background:#fcfbf8;
158 border:1px solid #e3ded6;
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 ">
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>
172 </div>
173 </section>
174
175 <!-- FOCUS NOW: INFOBLUE -->
176 <section class="arsn-card" style="
177 margin:0 0 29px 0;
178 padding:19px 21px;
179 background:#eaf6f9;
180 border:1px solid #cfe8ef;
181 border-left:5px solid #21b6d7;
182 ">
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>
185
186 <p style="margin:0 0 15px 0;color:#49636a;">
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>
190
191 <div class="arsn-focus-grid" style="
192 display:grid;
193 grid-template-columns:repeat(2,minmax(310px,1fr));
194 gap:8px 26px;
195 color:#364b50;
196 ">
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>
211
212 <!-- AREA INTRO -->
213 <div style="margin:0 0 15px 0;">
214 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
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>
219 </div>
220
221 <!-- FOUR AREAS: IVORY + ORANGE AKZENT -->
222 <div class="arsn-area-grid" style="margin-bottom:30px;">
223
224 <section class="arsn-area" style="border-top:4px solid #e94b13;">
225 <div class="arsn-area-head">
226 <div class="arsn-area-label">START HERE</div>
227 <h4>Orient yourself and choose the right level of setup</h4>
228 <p>
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>
233
234 <div class="arsn-area-body">
235 <a class="arsn-topic"
236 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Get%20Started/">
237 Get Started
238 </a>
239
240 <a class="arsn-topic"
241 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/">
242 Quick Start for Small Projects
243 </a>
244 </div>
245 </section>
246
247 <section class="arsn-area" style="border-top:4px solid #e94b13;">
248 <div class="arsn-area-head">
249 <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
250 <h4>Define what the project needs and how it will be organised</h4>
251 <p>
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
257 <div class="arsn-area-body">
258 <a class="arsn-topic"
259 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
260 Project Planning &amp; Organisation
261 </a>
262
263 <a class="arsn-topic"
264 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
265 Funding &amp; Funder Requirements
266 </a>
267
268 <a class="arsn-topic"
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/">
270 Identify Your Data &amp; Research Outputs
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/Plan%20Your%20Data%20Management/">
275 Plan Your Data Management
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/File%20Organisation%20%26%20Naming/">
280 File Organisation &amp; Naming
281 </a>
282 </div>
283 </section>
284
285 <section class="arsn-area" style="border-top:4px solid #e94b13;">
286 <div class="arsn-area-head">
287 <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
288 <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
289 <p>
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
295 <div class="arsn-area-body">
296 <a class="arsn-topic"
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/">
298 Copyright, Rights &amp; Licences
299 </a>
300
301 <a class="arsn-topic"
302 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">
303 Data Protection &amp; Ethics
304 </a>
305 </div>
306 </section>
307
308 <section class="arsn-area" style="border-top:4px solid #e94b13;">
309 <div class="arsn-area-head">
310 <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
311 <h4>Create a working environment the project can actually use</h4>
312 <p>
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
318 <div class="arsn-area-body">
319 <a class="arsn-topic"
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/">
321 Storage, Backup &amp; Security
322 </a>
323
324 <a class="arsn-topic"
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/">
326 Infrastructure, Services &amp; Tools
327 </a>
328
329 <a class="arsn-topic"
330 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
331 Collaboration Setup
332 </a>
333 </div>
334 </section>
335
336 </div>
337
338 <!-- NEXT PHASE: IVORY + ORANGE LEITAKZENT -->
339 <section class="arsn-card" style="
340 margin:0 0 27px 0;
341 padding:18px 20px;
342 background:#fcfbf8;
343 border:1px solid #e3ded6;
344 border-left:5px solid #e94b13;
345 ">
346 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
347 <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
348
349 <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
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
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"
356 style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
357 Continue to Work &amp; Manage
358 </a>
359 </section>
360
361 <!-- PRACTICAL RESOURCES: IVORY + ORANGE LEITAKZENT -->
362 <div style="margin:0 0 13px 0;">
363 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
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>
368 </div>
369
370 <div class="arsn-resource-grid" style="margin-bottom:27px;">
371 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
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>
374 </div>
375
376 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
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>
379 </div>
380
381 <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
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>
384 </div>
385 </div>
386
387 <!-- HELP: INFOBLUE BEWUSST BEIBEHALTEN -->
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;">
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
403 <!-- RULE OF THUMB: IVORY + ORANGE -->
404 <aside style="
405 padding:16px 18px;
406 border:1px solid #e3ded6;
407 border-left:5px solid #e94b13;
408 background:#fcfbf8;
409 border-radius:8px;
410 ">
411 <strong style="color:#744531;">A useful rule of thumb</strong>
412 <div style="margin-top:5px;color:#67564e;line-height:1.5;">
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}}