Skip to Content

Changes for page Prepare

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

Summary

Details

Page properties
Content
... ... @@ -33,7 +33,9 @@
33 33   display: flex;
34 34   flex-direction: column;
35 35   overflow: hidden;
36 + border: 1px solid #e3ded6;
36 36   border-radius: 11px;
38 + background: #fcfbf8;
37 37   box-shadow: 0 1px 3px rgba(0,0,0,.035);
38 38   }
39 39  
... ... @@ -50,6 +50,8 @@
50 50   padding: 5px 8px;
51 51   margin-bottom: 9px;
52 52   border-radius: 5px;
55 + background: #f3efe8;
56 + color: #4f4a44;
53 53   font-size: 12px;
54 54   font-weight: 700;
55 55   letter-spacing: .065em;
... ... @@ -72,8 +72,9 @@
72 72   display: block;
73 73   margin: 6px 0;
74 74   padding: 10px 11px;
79 + border: 1px solid #e9e4dc;
75 75   border-radius: 6px;
76 - background: rgba(255,255,255,.84);
81 + background: #fffdf9;
77 77   color: #252321;
78 78   text-decoration: none;
79 79   font-weight: 600;
... ... @@ -82,7 +82,7 @@
82 82  
83 83   .arsn-topic:hover,
84 84   .arsn-topic:focus {
85 - background: #fff;
90 + background: #fff7f1;
86 86   text-decoration: none;
87 87   transform: translateY(-1px);
88 88   box-shadow: 0 2px 5px rgba(0,0,0,.06);
... ... @@ -104,15 +104,15 @@
104 104  
105 105  <div class="arsn-enable">
106 106  
107 - <!-- HERO / INTRO -->
112 + <!-- HERO: IVORY + ORANGE LEITAKZENT -->
108 108   <section class="arsn-card" style="
109 109   margin:0 0 18px 0;
110 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%);
116 + border:1px solid #e3ded6;
117 + border-left:6px solid #e94b13;
118 + background:#fcfbf8;
114 114   ">
115 - <div class="arsn-eyebrow" style="color:#4f6870;margin-bottom:6px;">
120 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
116 116   PROJECT PHASE 1 · ENABLE
117 117   </div>
118 118  
... ... @@ -137,49 +137,49 @@
137 137   <div style="
138 138   padding:12px 14px;
139 139   border-radius:8px;
140 - background:#dff3f7;
141 - border:1px solid #bfe4eb;
142 - border-bottom:4px solid #21b6d7;
145 + background:#eaf6f9;
146 + border:1px solid #cfe8ef;
147 + border-top:4px solid #e94b13;
143 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>
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>
146 146   </div>
147 147  
148 148   <div style="
149 149   padding:12px 14px;
150 150   border-radius:8px;
151 - background:#fff1e9;
152 - border:1px solid #f3d9cc;
153 - border-bottom:4px solid #e94b13;
156 + background:#fcfbf8;
157 + border:1px solid #e3ded6;
158 + border-top:3px solid #21b6d7;
154 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>
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>
157 157   </div>
158 158  
159 159   <div style="
160 160   padding:12px 14px;
161 161   border-radius:8px;
162 - background:#edf7ef;
163 - border:1px solid #d2ead7;
164 - border-bottom:4px solid #38b76a;
167 + background:#fcfbf8;
168 + border:1px solid #e3ded6;
169 + border-top:3px solid #38b76a;
165 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>
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>
168 168   </div>
169 169   </section>
170 170  
171 - <!-- FOCUS NOW -->
176 + <!-- FOCUS NOW: INFOBLUE -->
172 172   <section class="arsn-card" style="
173 173   margin:0 0 29px 0;
174 174   padding:19px 21px;
175 - background:#fff8e8;
176 - border:1px solid #f0dfb3;
177 - border-left:5px solid #f0aa00;
180 + background:#eaf6f9;
181 + border:1px solid #cfe8ef;
182 + border-left:5px solid #21b6d7;
178 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>
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>
181 181  
182 - <p style="margin:0 0 15px 0;color:#6a604d;">
187 + <p style="margin:0 0 15px 0;color:#49636a;">
183 183   You do not need every detail fixed before you start. You do need enough shared decisions
184 184   to make the project workable, responsible and easy to continue.
185 185   </p>
... ... @@ -188,7 +188,7 @@
188 188   display:grid;
189 189   grid-template-columns:repeat(2,minmax(310px,1fr));
190 190   gap:8px 26px;
191 - color:#413b33;
196 + color:#364b50;
192 192   ">
193 193   <div>• What is the scope of the project, and who is responsible for which tasks and decisions?</div>
194 194   <div>• Which funding opportunities and funder requirements apply?</div>
... ... @@ -207,7 +207,7 @@
207 207  
208 208   <!-- AREA INTRO -->
209 209   <div style="margin:0 0 15px 0;">
210 - <div class="arsn-eyebrow" style="color:#746d65;margin-bottom:4px;">EXPLORE THIS PHASE</div>
215 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
211 211   <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
212 212   <p style="margin:0;color:#6a655e;">
213 213   Start with the area that matches what you need to decide or set up now.
... ... @@ -217,14 +217,9 @@
217 217   <!-- FOUR AREAS -->
218 218   <div class="arsn-area-grid" style="margin-bottom:30px;">
219 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 - ">
225 + <section class="arsn-area" style="border-top:4px solid #21b6d7;">
226 226   <div class="arsn-area-head">
227 - <div class="arsn-area-label" style="background:#dff3f7;color:#365f69;">START HERE</div>
227 + <div class="arsn-area-label" style="background:#eaf6f9;color:#355f69;">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,26 +235,21 @@
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:1px solid #d7ebef;border-left:4px solid #21b6d7;">
238 + style="border-left:3px 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:1px solid #d7ebef;border-left:4px solid #21b6d7;">
244 + style="border-left:3px solid #21b6d7;">
245 245   Quick Start for Small Projects
246 246   </a>
247 247   </div>
248 248   </section>
249 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 - ">
250 + <section class="arsn-area" style="border-top:4px solid #e94b13;">
256 256   <div class="arsn-area-head">
257 - <div class="arsn-area-label" style="background:#fde5da;color:#7a432d;">PLAN &amp; ORGANISE</div>
252 + <div class="arsn-area-label" style="background:#f7e6dd;color:#7b4430;">PLAN &amp; ORGANISE</div>
258 258   <h4>Define what the project needs and how it will be organised</h4>
259 259   <p>
260 260   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
... ... @@ -265,44 +265,39 @@
265 265   <div class="arsn-area-body">
266 266   <a class="arsn-topic"
267 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;">
263 + style="border-left:3px solid #e94b13;">
269 269   Project Planning &amp; Organisation
270 270   </a>
271 271  
272 272   <a class="arsn-topic"
273 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;">
269 + style="border-left:3px solid #e94b13;">
275 275   Funding &amp; Funder Requirements
276 276   </a>
277 277  
278 278   <a class="arsn-topic"
279 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;">
275 + style="border-left:3px solid #e94b13;">
281 281   Identify Your Data &amp; Research Outputs
282 282   </a>
283 283  
284 284   <a class="arsn-topic"
285 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;">
281 + style="border-left:3px solid #e94b13;">
287 287   Plan Your Data Management
288 288   </a>
289 289  
290 290   <a class="arsn-topic"
291 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;">
287 + style="border-left:3px solid #e94b13;">
293 293   File Organisation &amp; Naming
294 294   </a>
295 295   </div>
296 296   </section>
297 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 - ">
293 + <section class="arsn-area" style="border-top:4px solid #f0aa00;">
304 304   <div class="arsn-area-head">
305 - <div class="arsn-area-label" style="background:#ffefc4;color:#785d1f;">PROTECT &amp; CLARIFY</div>
295 + <div class="arsn-area-label" style="background:#fff3d5;color:#7a5b12;">PROTECT &amp; CLARIFY</div>
306 306   <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
307 307   <p>
308 308   Identify legal, ethical or data-protection issues early enough to obtain permissions,
... ... @@ -313,26 +313,21 @@
313 313   <div class="arsn-area-body">
314 314   <a class="arsn-topic"
315 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;">
306 + style="border-left:3px solid #f0aa00;">
317 317   Copyright, Rights &amp; Licences
318 318   </a>
319 319  
320 320   <a class="arsn-topic"
321 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;">
312 + style="border-left:3px solid #f0aa00;">
323 323   Data Protection &amp; Ethics
324 324   </a>
325 325   </div>
326 326   </section>
327 327  
328 - <!-- INFRASTRUCTURE -->
329 - <section class="arsn-area" style="
330 - background:#f1f9f3;
331 - border:1px solid #d1e8d7;
332 - border-top:5px solid #38b76a;
333 - ">
318 + <section class="arsn-area" style="border-top:4px solid #38b76a;">
334 334   <div class="arsn-area-head">
335 - <div class="arsn-area-label" style="background:#dff2e4;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
320 + <div class="arsn-area-label" style="background:#e6f3e9;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
336 336   <h4>Create a working environment the project can actually use</h4>
337 337   <p>
338 338   Decide where project materials live, how they are backed up and protected,
... ... @@ -343,19 +343,19 @@
343 343   <div class="arsn-area-body">
344 344   <a class="arsn-topic"
345 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;">
331 + style="border-left:3px solid #38b76a;">
347 347   Storage, Backup &amp; Security
348 348   </a>
349 349  
350 350   <a class="arsn-topic"
351 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;">
337 + style="border-left:3px solid #38b76a;">
353 353   Infrastructure, Services &amp; Tools
354 354   </a>
355 355  
356 356   <a class="arsn-topic"
357 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;">
343 + style="border-left:3px solid #38b76a;">
359 359   Collaboration Setup
360 360   </a>
361 361   </div>
... ... @@ -363,15 +363,15 @@
363 363  
364 364   </div>
365 365  
366 - <!-- NEXT PHASE -->
351 + <!-- NEXT PHASE: IVORY + ORANGE -->
367 367   <section class="arsn-card" style="
368 368   margin:0 0 27px 0;
369 369   padding:18px 20px;
370 - background:#fff2eb;
371 - border:1px solid #f0d7ca;
355 + background:#fcfbf8;
356 + border:1px solid #e3ded6;
372 372   border-left:5px solid #e94b13;
373 373   ">
374 - <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
359 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
375 375   <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
376 376  
377 377   <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
... ... @@ -381,7 +381,7 @@
381 381  
382 382   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
383 383   class="btn btn-default"
384 - style="background:#fff;border-color:#e4cabc;color:#493a34;">
369 + style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
385 385   Continue to Work &amp; Manage
386 386   </a>
387 387   </section>
... ... @@ -388,7 +388,7 @@
388 388  
389 389   <!-- PRACTICAL RESOURCES -->
390 390   <div style="margin:0 0 13px 0;">
391 - <div class="arsn-eyebrow" style="color:#746d65;margin-bottom:4px;">USEFUL MATERIALS</div>
376 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
392 392   <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
393 393   <p style="margin:0;color:#6a655e;">
394 394   Use concise guides when you need a reference, a procedure or something you can apply directly.
... ... @@ -396,19 +396,19 @@
396 396   </div>
397 397  
398 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>
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>
402 402   </div>
403 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>
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>
407 407   </div>
408 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>
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>
412 412   </div>
413 413   </div>
414 414  
... ... @@ -431,13 +431,13 @@
431 431   <!-- RULE OF THUMB -->
432 432   <aside style="
433 433   padding:16px 18px;
434 - border:1px solid #f0dfb3;
435 - border-left:5px solid #f0aa00;
436 - background:#fff8e8;
419 + border:1px solid #e3ded6;
420 + border-left:5px solid #e94b13;
421 + background:#fcfbf8;
437 437   border-radius:8px;
438 438   ">
439 - <strong style="color:#71581f;">A useful rule of thumb</strong>
440 - <div style="margin-top:5px;color:#665b43;line-height:1.5;">
424 + <strong style="color:#744531;">A useful rule of thumb</strong>
425 + <div style="margin-top:5px;color:#67564e;line-height:1.5;">
441 441   Plan early, document decisions, and review them as the project changes.
442 442   A simple setup that is actually used is usually more effective than a complex plan that is never updated.
443 443   </div>