Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 27.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 13:13
Change comment: There is no comment for this version
To version 23.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 13:02
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -33,9 +33,7 @@
33 33   display: flex;
34 34   flex-direction: column;
35 35   overflow: hidden;
36 - border: 1px solid #e3ded6;
37 37   border-radius: 11px;
38 - background: #fcfbf8;
39 39   box-shadow: 0 1px 3px rgba(0,0,0,.035);
40 40   }
41 41  
... ... @@ -52,8 +52,6 @@
52 52   padding: 5px 8px;
53 53   margin-bottom: 9px;
54 54   border-radius: 5px;
55 - background: #f3efe8;
56 - color: #4f4a44;
57 57   font-size: 12px;
58 58   font-weight: 700;
59 59   letter-spacing: .065em;
... ... @@ -76,9 +76,8 @@
76 76   display: block;
77 77   margin: 6px 0;
78 78   padding: 10px 11px;
79 - border: 1px solid #e9e4dc;
80 80   border-radius: 6px;
81 - background: #fffdf9;
76 + background: rgba(255,255,255,.84);
82 82   color: #252321;
83 83   text-decoration: none;
84 84   font-weight: 600;
... ... @@ -87,7 +87,7 @@
87 87  
88 88   .arsn-topic:hover,
89 89   .arsn-topic:focus {
90 - background: #fff7f1;
85 + background: #fff;
91 91   text-decoration: none;
92 92   transform: translateY(-1px);
93 93   box-shadow: 0 2px 5px rgba(0,0,0,.06);
... ... @@ -109,15 +109,15 @@
109 109  
110 110  <div class="arsn-enable">
111 111  
112 - <!-- HERO: IVORY + ORANGE LEITAKZENT -->
107 + <!-- HERO / INTRO -->
113 113   <section class="arsn-card" style="
114 114   margin:0 0 18px 0;
115 115   padding:20px 22px 21px 22px;
116 - border:1px solid #e3ded6;
117 - border-left:6px solid #e94b13;
118 - background:#fcfbf8;
111 + border:1px solid #d9e8e8;
112 + border-left:6px solid #21b6d7;
113 + background:linear-gradient(135deg,#edf8fa 0%,#fff8f2 72%,#fffdf9 100%);
119 119   ">
120 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
115 + <div class="arsn-eyebrow" style="color:#4f6870;margin-bottom:6px;">
121 121   PROJECT PHASE 1 · ENABLE
122 122   </div>
123 123  
... ... @@ -142,49 +142,49 @@
142 142   <div style="
143 143   padding:12px 14px;
144 144   border-radius:8px;
145 - background:#eaf6f9;
146 - border:1px solid #cfe8ef;
147 - border-top:4px solid #e94b13;
140 + background:#dff3f7;
141 + border:1px solid #bfe4eb;
142 + border-bottom:4px solid #21b6d7;
148 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>
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>
151 151   </div>
152 152  
153 153   <div style="
154 154   padding:12px 14px;
155 155   border-radius:8px;
156 - background:#fcfbf8;
157 - border:1px solid #e3ded6;
158 - border-top:3px solid #21b6d7;
151 + background:#fff1e9;
152 + border:1px solid #f3d9cc;
153 + border-bottom:4px solid #e94b13;
159 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>
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>
162 162   </div>
163 163  
164 164   <div style="
165 165   padding:12px 14px;
166 166   border-radius:8px;
167 - background:#fcfbf8;
168 - border:1px solid #e3ded6;
169 - border-top:3px solid #38b76a;
162 + background:#edf7ef;
163 + border:1px solid #d2ead7;
164 + border-bottom:4px solid #38b76a;
170 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>
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>
173 173   </div>
174 174   </section>
175 175  
176 - <!-- FOCUS NOW: INFOBLUE -->
171 + <!-- FOCUS NOW -->
177 177   <section class="arsn-card" style="
178 178   margin:0 0 29px 0;
179 179   padding:19px 21px;
180 - background:#eaf6f9;
181 - border:1px solid #cfe8ef;
182 - border-left:5px solid #21b6d7;
175 + background:#fff8e8;
176 + border:1px solid #f0dfb3;
177 + border-left:5px solid #f0aa00;
183 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>
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>
186 186  
187 - <p style="margin:0 0 15px 0;color:#49636a;">
182 + <p style="margin:0 0 15px 0;color:#6a604d;">
188 188   You do not need every detail fixed before you start. You do need enough shared decisions
189 189   to make the project workable, responsible and easy to continue.
190 190   </p>
... ... @@ -193,7 +193,7 @@
193 193   display:grid;
194 194   grid-template-columns:repeat(2,minmax(310px,1fr));
195 195   gap:8px 26px;
196 - color:#364b50;
191 + color:#413b33;
197 197   ">
198 198   <div>• What is the scope of the project, and who is responsible for which tasks and decisions?</div>
199 199   <div>• Which funding opportunities and funder requirements apply?</div>
... ... @@ -212,7 +212,7 @@
212 212  
213 213   <!-- AREA INTRO -->
214 214   <div style="margin:0 0 15px 0;">
215 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
210 + <div class="arsn-eyebrow" style="color:#746d65;margin-bottom:4px;">EXPLORE THIS PHASE</div>
216 216   <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
217 217   <p style="margin:0;color:#6a655e;">
218 218   Start with the area that matches what you need to decide or set up now.
... ... @@ -222,9 +222,14 @@
222 222   <!-- FOUR AREAS -->
223 223   <div class="arsn-area-grid" style="margin-bottom:30px;">
224 224  
225 - <section class="arsn-area" style="border-top:4px solid #21b6d7;">
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 226   <div class="arsn-area-head">
227 - <div class="arsn-area-label" style="background:#eaf6f9;color:#355f69;">START HERE</div>
227 + <div class="arsn-area-label" style="background:#dff3f7;color:#365f69;">START HERE</div>
228 228   <h4>Orient yourself and choose the right level of setup</h4>
229 229   <p>
230 230   Use these pages if you are just starting out, unsure which topics apply,
... ... @@ -235,21 +235,26 @@
235 235   <div class="arsn-area-body">
236 236   <a class="arsn-topic"
237 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;">
238 + style="border:1px solid #d7ebef;border-left:4px solid #21b6d7;">
239 239   Get Started
240 240   </a>
241 241  
242 242   <a class="arsn-topic"
243 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;">
244 + style="border:1px solid #d7ebef;border-left:4px solid #21b6d7;">
245 245   Quick Start for Small Projects
246 246   </a>
247 247   </div>
248 248   </section>
249 249  
250 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
250 + <!-- PLAN & ORGANISE -->
251 + <section class="arsn-area" style="
252 + background:#fff5ef;
253 + border:1px solid #f2dace;
254 + border-top:5px solid #e94b13;
255 + ">
251 251   <div class="arsn-area-head">
252 - <div class="arsn-area-label" style="background:#f7e6dd;color:#7b4430;">PLAN &amp; ORGANISE</div>
257 + <div class="arsn-area-label" style="background:#fde5da;color:#7a432d;">PLAN &amp; ORGANISE</div>
253 253   <h4>Define what the project needs and how it will be organised</h4>
254 254   <p>
255 255   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
... ... @@ -260,39 +260,44 @@
260 260   <div class="arsn-area-body">
261 261   <a class="arsn-topic"
262 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;">
268 + style="border:1px solid #f1ddd3;border-left:4px solid #e94b13;">
264 264   Project Planning &amp; Organisation
265 265   </a>
266 266  
267 267   <a class="arsn-topic"
268 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;">
274 + style="border:1px solid #f1ddd3;border-left:4px solid #e94b13;">
270 270   Funding &amp; Funder Requirements
271 271   </a>
272 272  
273 273   <a class="arsn-topic"
274 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;">
280 + style="border:1px solid #f1ddd3;border-left:4px solid #e94b13;">
276 276   Identify Your Data &amp; Research Outputs
277 277   </a>
278 278  
279 279   <a class="arsn-topic"
280 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;">
286 + style="border:1px solid #f1ddd3;border-left:4px solid #e94b13;">
282 282   Plan Your Data Management
283 283   </a>
284 284  
285 285   <a class="arsn-topic"
286 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;">
292 + style="border:1px solid #f1ddd3;border-left:4px solid #e94b13;">
288 288   File Organisation &amp; Naming
289 289   </a>
290 290   </div>
291 291   </section>
292 292  
293 - <section class="arsn-area" style="border-top:4px solid #f0aa00;">
298 + <!-- PROTECT & CLARIFY -->
299 + <section class="arsn-area" style="
300 + background:#fff9e9;
301 + border:1px solid #f0dfb3;
302 + border-top:5px solid #f0aa00;
303 + ">
294 294   <div class="arsn-area-head">
295 - <div class="arsn-area-label" style="background:#fff3d5;color:#7a5b12;">PROTECT &amp; CLARIFY</div>
305 + <div class="arsn-area-label" style="background:#ffefc4;color:#785d1f;">PROTECT &amp; CLARIFY</div>
296 296   <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
297 297   <p>
298 298   Identify legal, ethical or data-protection issues early enough to obtain permissions,
... ... @@ -303,21 +303,26 @@
303 303   <div class="arsn-area-body">
304 304   <a class="arsn-topic"
305 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;">
316 + style="border:1px solid #f1e4bf;border-left:4px solid #f0aa00;">
307 307   Copyright, Rights &amp; Licences
308 308   </a>
309 309  
310 310   <a class="arsn-topic"
311 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;">
322 + style="border:1px solid #f1e4bf;border-left:4px solid #f0aa00;">
313 313   Data Protection &amp; Ethics
314 314   </a>
315 315   </div>
316 316   </section>
317 317  
318 - <section class="arsn-area" style="border-top:4px solid #38b76a;">
328 + <!-- INFRASTRUCTURE -->
329 + <section class="arsn-area" style="
330 + background:#f1f9f3;
331 + border:1px solid #d1e8d7;
332 + border-top:5px solid #38b76a;
333 + ">
319 319   <div class="arsn-area-head">
320 - <div class="arsn-area-label" style="background:#e6f3e9;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
335 + <div class="arsn-area-label" style="background:#dff2e4;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
321 321   <h4>Create a working environment the project can actually use</h4>
322 322   <p>
323 323   Decide where project materials live, how they are backed up and protected,
... ... @@ -328,19 +328,19 @@
328 328   <div class="arsn-area-body">
329 329   <a class="arsn-topic"
330 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;">
346 + style="border:1px solid #d7eadb;border-left:4px solid #38b76a;">
332 332   Storage, Backup &amp; Security
333 333   </a>
334 334  
335 335   <a class="arsn-topic"
336 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;">
352 + style="border:1px solid #d7eadb;border-left:4px solid #38b76a;">
338 338   Infrastructure, Services &amp; Tools
339 339   </a>
340 340  
341 341   <a class="arsn-topic"
342 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;">
358 + style="border:1px solid #d7eadb;border-left:4px solid #38b76a;">
344 344   Collaboration Setup
345 345   </a>
346 346   </div>
... ... @@ -348,15 +348,15 @@
348 348  
349 349   </div>
350 350  
351 - <!-- NEXT PHASE: IVORY + ORANGE -->
366 + <!-- NEXT PHASE -->
352 352   <section class="arsn-card" style="
353 353   margin:0 0 27px 0;
354 354   padding:18px 20px;
355 - background:#fcfbf8;
356 - border:1px solid #e3ded6;
370 + background:#fff2eb;
371 + border:1px solid #f0d7ca;
357 357   border-left:5px solid #e94b13;
358 358   ">
359 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
374 + <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
360 360   <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
361 361  
362 362   <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
... ... @@ -366,7 +366,7 @@
366 366  
367 367   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
368 368   class="btn btn-default"
369 - style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
384 + style="background:#fff;border-color:#e4cabc;color:#493a34;">
370 370   Continue to Work &amp; Manage
371 371   </a>
372 372   </section>
... ... @@ -373,7 +373,7 @@
373 373  
374 374   <!-- PRACTICAL RESOURCES -->
375 375   <div style="margin:0 0 13px 0;">
376 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
391 + <div class="arsn-eyebrow" style="color:#746d65;margin-bottom:4px;">USEFUL MATERIALS</div>
377 377   <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
378 378   <p style="margin:0;color:#6a655e;">
379 379   Use concise guides when you need a reference, a procedure or something you can apply directly.
... ... @@ -381,19 +381,19 @@
381 381   </div>
382 382  
383 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>
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>
387 387   </div>
388 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>
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>
392 392   </div>
393 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>
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>
397 397   </div>
398 398   </div>
399 399  
... ... @@ -413,16 +413,16 @@
413 413   </div>
414 414   </aside>
415 415  
416 - <!-- RULE OF THUMB: INFOBLUE -->
431 + <!-- RULE OF THUMB -->
417 417   <aside style="
418 418   padding:16px 18px;
419 - border:1px solid #c7e5ed;
420 - border-left:5px solid #21b6d7;
421 - background:#e5f5f9;
434 + border:1px solid #f0dfb3;
435 + border-left:5px solid #f0aa00;
436 + background:#fff8e8;
422 422   border-radius:8px;
423 423   ">
424 - <strong style="color:#2d5661;">A useful rule of thumb</strong>
425 - <div style="margin-top:5px;color:#365e68;line-height:1.5;">
439 + <strong style="color:#71581f;">A useful rule of thumb</strong>
440 + <div style="margin-top:5px;color:#665b43;line-height:1.5;">
426 426   Plan early, document decisions, and review them as the project changes.
427 427   A simple setup that is actually used is usually more effective than a complex plan that is never updated.
428 428   </div>