Skip to Content

Wiki source code of Enable

Version 24.1 by Veronika Kocher on Monday, 31 Aug 2026 13:05
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-top: 4px solid #e94b13;
38 border-radius: 11px;
39 background: #fcfbf8;
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;
56 background: #f7e6dd;
57 color: #7b4430;
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;
80 border: 1px solid #e9e4dc;
81 border-left: 3px solid #e94b13;
82 border-radius: 6px;
83 background: #fff;
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 {
92 background: #fffaf6;
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
114 <!-- HERO -->
115 <section class="arsn-card" style="
116 margin:0 0 18px 0;
117 padding:20px 22px 21px 22px;
118 border:1px solid #e3ded6;
119 border-left:6px solid #e94b13;
120 background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
121 ">
122 <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
123 PROJECT PHASE 1 · ENABLE
124 </div>
125
126 <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
127 I develop my project idea — I plan, fund &amp; set up my project
128 </h2>
129
130 <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
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>
136
137 <!-- PHASE ORIENTATION -->
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;
147 background:#fff2eb;
148 border:1px solid #f0d7ca;
149 border-bottom:4px solid #e94b13;
150 ">
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>
153 </div>
154
155 <div style="
156 padding:12px 14px;
157 border-radius:8px;
158 background:#fcfbf8;
159 border:1px solid #e3ded6;
160 ">
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>
163 </div>
164
165 <div style="
166 padding:12px 14px;
167 border-radius:8px;
168 background:#fcfbf8;
169 border:1px solid #e3ded6;
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 -->
177 <section class="arsn-card" style="
178 margin:0 0 29px 0;
179 padding:19px 21px;
180 background:#fff8f3;
181 border:1px solid #eedfd6;
182 border-left:5px solid #e94b13;
183 ">
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>
186
187 <p style="margin:0 0 15px 0;color:#685b54;">
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:#413b37;
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:#7d4a37;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">
226 <div class="arsn-area-head">
227 <div class="arsn-area-label">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 Get Started
239 </a>
240
241 <a class="arsn-topic"
242 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/">
243 Quick Start for Small Projects
244 </a>
245 </div>
246 </section>
247
248 <section class="arsn-area">
249 <div class="arsn-area-head">
250 <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
251 <h4>Define what the project needs and how it will be organised</h4>
252 <p>
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
258 <div class="arsn-area-body">
259 <a class="arsn-topic"
260 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
261 Project Planning &amp; Organisation
262 </a>
263
264 <a class="arsn-topic"
265 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
266 Funding &amp; Funder Requirements
267 </a>
268
269 <a class="arsn-topic"
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/">
271 Identify Your Data &amp; Research Outputs
272 </a>
273
274 <a class="arsn-topic"
275 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">
276 Plan Your Data Management
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/File%20Organisation%20%26%20Naming/">
281 File Organisation &amp; Naming
282 </a>
283 </div>
284 </section>
285
286 <section class="arsn-area">
287 <div class="arsn-area-head">
288 <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
289 <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
290 <p>
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
296 <div class="arsn-area-body">
297 <a class="arsn-topic"
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/">
299 Copyright, Rights &amp; Licences
300 </a>
301
302 <a class="arsn-topic"
303 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">
304 Data Protection &amp; Ethics
305 </a>
306 </div>
307 </section>
308
309 <section class="arsn-area">
310 <div class="arsn-area-head">
311 <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
312 <h4>Create a working environment the project can actually use</h4>
313 <p>
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
319 <div class="arsn-area-body">
320 <a class="arsn-topic"
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/">
322 Storage, Backup &amp; Security
323 </a>
324
325 <a class="arsn-topic"
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/">
327 Infrastructure, Services &amp; Tools
328 </a>
329
330 <a class="arsn-topic"
331 href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
332 Collaboration Setup
333 </a>
334 </div>
335 </section>
336
337 </div>
338
339 <!-- NEXT PHASE -->
340 <section class="arsn-card" style="
341 margin:0 0 27px 0;
342 padding:18px 20px;
343 background:#fff4ee;
344 border:1px solid #efd9cc;
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>
349
350 <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
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
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>
360 </section>
361
362 <!-- PRACTICAL RESOURCES -->
363 <div style="margin:0 0 13px 0;">
364 <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:4px;">USEFUL MATERIALS</div>
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>
369 </div>
370
371 <div class="arsn-resource-grid" style="margin-bottom:27px;">
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>
375 </div>
376
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>
380 </div>
381
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>
385 </div>
386 </div>
387
388 <!-- HELP — intentional info blue -->
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;">
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 -->
405 <aside style="
406 padding:16px 18px;
407 border:1px solid #efd9cc;
408 border-left:5px solid #e94b13;
409 background:#fff4ee;
410 border-radius:8px;
411 ">
412 <strong style="color:#744531;">A useful rule of thumb</strong>
413 <div style="margin-top:5px;color:#67564e;line-height:1.5;">
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}}