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 24.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 13:05
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -34,6 +34,7 @@
34 34   flex-direction: column;
35 35   overflow: hidden;
36 36   border: 1px solid #e3ded6;
37 + border-top: 4px solid #e94b13;
37 37   border-radius: 11px;
38 38   background: #fcfbf8;
39 39   box-shadow: 0 1px 3px rgba(0,0,0,.035);
... ... @@ -52,8 +52,8 @@
52 52   padding: 5px 8px;
53 53   margin-bottom: 9px;
54 54   border-radius: 5px;
55 - background: #f3efe8;
56 - color: #4f4a44;
56 + background: #f7e6dd;
57 + color: #7b4430;
57 57   font-size: 12px;
58 58   font-weight: 700;
59 59   letter-spacing: .065em;
... ... @@ -77,8 +77,9 @@
77 77   margin: 6px 0;
78 78   padding: 10px 11px;
79 79   border: 1px solid #e9e4dc;
81 + border-left: 3px solid #e94b13;
80 80   border-radius: 6px;
81 - background: #fffdf9;
83 + background: #fff;
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;
92 + background: #fffaf6;
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 -->
114 + <!-- HERO -->
113 113   <section class="arsn-card" style="
114 114   margin:0 0 18px 0;
115 115   padding:20px 22px 21px 22px;
116 116   border:1px solid #e3ded6;
117 117   border-left:6px solid #e94b13;
118 - background:#fcfbf8;
120 + background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
119 119   ">
120 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
122 + <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
121 121   PROJECT PHASE 1 · ENABLE
122 122   </div>
123 123  
... ... @@ -142,12 +142,12 @@
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;
147 + background:#fff2eb;
148 + border:1px solid #f0d7ca;
149 + border-bottom:4px solid #e94b13;
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>
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>
151 151   </div>
152 152  
153 153   <div style="
... ... @@ -155,7 +155,6 @@
155 155   border-radius:8px;
156 156   background:#fcfbf8;
157 157   border:1px solid #e3ded6;
158 - border-top:3px solid #21b6d7;
159 159   ">
160 160   <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">2 · WORK &amp; MANAGE</div>
161 161   <div style="margin-top:4px;color:#6a655e;">Run &amp; document</div>
... ... @@ -166,7 +166,6 @@
166 166   border-radius:8px;
167 167   background:#fcfbf8;
168 168   border:1px solid #e3ded6;
169 - border-top:3px solid #38b76a;
170 170   ">
171 171   <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">3 · PUBLISH &amp; SHARE</div>
172 172   <div style="margin-top:4px;color:#6a655e;">Publish, preserve &amp; hand over</div>
... ... @@ -173,18 +173,18 @@
173 173   </div>
174 174   </section>
175 175  
176 - <!-- FOCUS NOW: INFOBLUE -->
176 + <!-- 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;
180 + background:#fff8f3;
181 + border:1px solid #eedfd6;
182 + border-left:5px solid #e94b13;
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>
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 186  
187 - <p style="margin:0 0 15px 0;color:#49636a;">
187 + <p style="margin:0 0 15px 0;color:#685b54;">
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;
196 + color:#413b37;
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>
215 + <div class="arsn-eyebrow" style="color:#7d4a37;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,9 @@
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;">
225 + <section class="arsn-area">
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">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,
... ... @@ -234,22 +234,20 @@
234 234  
235 235   <div class="arsn-area-body">
236 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;">
237 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Get%20Started/">
239 239   Get Started
240 240   </a>
241 241  
242 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;">
242 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/">
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;">
248 + <section class="arsn-area">
251 251   <div class="arsn-area-head">
252 - <div class="arsn-area-label" style="background:#f7e6dd;color:#7b4430;">PLAN &amp; ORGANISE</div>
250 + <div class="arsn-area-label">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,
... ... @@ -259,40 +259,35 @@
259 259  
260 260   <div class="arsn-area-body">
261 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;">
260 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
264 264   Project Planning &amp; Organisation
265 265   </a>
266 266  
267 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;">
265 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
270 270   Funding &amp; Funder Requirements
271 271   </a>
272 272  
273 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;">
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/">
276 276   Identify Your Data &amp; Research Outputs
277 277   </a>
278 278  
279 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;">
275 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">
282 282   Plan Your Data Management
283 283   </a>
284 284  
285 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;">
280 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">
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;">
286 + <section class="arsn-area">
294 294   <div class="arsn-area-head">
295 - <div class="arsn-area-label" style="background:#fff3d5;color:#7a5b12;">PROTECT &amp; CLARIFY</div>
288 + <div class="arsn-area-label">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,
... ... @@ -302,22 +302,20 @@
302 302  
303 303   <div class="arsn-area-body">
304 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;">
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/">
307 307   Copyright, Rights &amp; Licences
308 308   </a>
309 309  
310 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;">
303 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">
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;">
309 + <section class="arsn-area">
319 319   <div class="arsn-area-head">
320 - <div class="arsn-area-label" style="background:#e6f3e9;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
311 + <div class="arsn-area-label">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,
... ... @@ -327,20 +327,17 @@
327 327  
328 328   <div class="arsn-area-body">
329 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;">
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/">
332 332   Storage, Backup &amp; Security
333 333   </a>
334 334  
335 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;">
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/">
338 338   Infrastructure, Services &amp; Tools
339 339   </a>
340 340  
341 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;">
331 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
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 -->
339 + <!-- 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;
343 + background:#fff4ee;
344 + border:1px solid #efd9cc;
357 357   border-left:5px solid #e94b13;
358 358   ">
359 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
347 + <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;">
357 + 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>
364 + <div class="arsn-eyebrow" style="color:#7d4a37;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,23 +381,23 @@
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>
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>
386 386   <div style="margin-top:5px;color:#625d56;">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;">
377 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
390 390   <strong style="color:#503a31;">Tutorials</strong>
391 391   <div style="margin-top:5px;color:#625d56;">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>
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>
396 396   <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
397 397   </div>
398 398   </div>
399 399  
400 - <!-- HELP -->
388 + <!-- HELP — intentional info blue -->
401 401   <aside style="
402 402   margin:0 0 14px 0;
403 403   padding:16px 18px;
... ... @@ -413,16 +413,16 @@
413 413   </div>
414 414   </aside>
415 415  
416 - <!-- RULE OF THUMB: INFOBLUE -->
404 + <!-- 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;
407 + border:1px solid #efd9cc;
408 + border-left:5px solid #e94b13;
409 + background:#fff4ee;
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;">
412 + <strong style="color:#744531;">A useful rule of thumb</strong>
413 + <div style="margin-top:5px;color:#67564e;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>