Skip to Content

Changes for page Prepare

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

Summary

Details

Page properties
Content
... ... @@ -34,7 +34,6 @@
34 34   flex-direction: column;
35 35   overflow: hidden;
36 36   border: 1px solid #e3ded6;
37 - border-top: 4px solid #e94b13;
38 38   border-radius: 11px;
39 39   background: #fcfbf8;
40 40   box-shadow: 0 1px 3px rgba(0,0,0,.035);
... ... @@ -53,8 +53,8 @@
53 53   padding: 5px 8px;
54 54   margin-bottom: 9px;
55 55   border-radius: 5px;
56 - background: #f7e6dd;
57 - color: #7b4430;
55 + background: #f3efe8;
56 + color: #4f4a44;
58 58   font-size: 12px;
59 59   font-weight: 700;
60 60   letter-spacing: .065em;
... ... @@ -80,7 +80,7 @@
80 80   border: 1px solid #e9e4dc;
81 81   border-left: 3px solid #e94b13;
82 82   border-radius: 6px;
83 - background: #fff;
82 + background: #fffdf9;
84 84   color: #252321;
85 85   text-decoration: none;
86 86   font-weight: 600;
... ... @@ -89,7 +89,7 @@
89 89  
90 90   .arsn-topic:hover,
91 91   .arsn-topic:focus {
92 - background: #fffaf6;
91 + background: #fff7f1;
93 93   text-decoration: none;
94 94   transform: translateY(-1px);
95 95   box-shadow: 0 2px 5px rgba(0,0,0,.06);
... ... @@ -111,15 +111,15 @@
111 111  
112 112  <div class="arsn-enable">
113 113  
114 - <!-- HERO -->
113 + <!-- HERO: IVORY + ORANGE LEITAKZENT -->
115 115   <section class="arsn-card" style="
116 116   margin:0 0 18px 0;
117 117   padding:20px 22px 21px 22px;
118 118   border:1px solid #e3ded6;
119 119   border-left:6px solid #e94b13;
120 - background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
119 + background:#fcfbf8;
121 121   ">
122 - <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
121 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
123 123   PROJECT PHASE 1 · ENABLE
124 124   </div>
125 125  
... ... @@ -134,7 +134,7 @@
134 134   </p>
135 135   </section>
136 136  
137 - <!-- PHASE ORIENTATION -->
136 + <!-- PHASE ORIENTATION: INFOBLUE + IVORY + ORANGE ACTIVE MARKER -->
138 138   <section class="arsn-phase-grid" style="
139 139   display:grid;
140 140   grid-template-columns:repeat(3,minmax(210px,1fr));
... ... @@ -144,12 +144,12 @@
144 144   <div style="
145 145   padding:12px 14px;
146 146   border-radius:8px;
147 - background:#fff2eb;
148 - border:1px solid #f0d7ca;
149 - border-bottom:4px solid #e94b13;
146 + background:#eaf6f9;
147 + border:1px solid #cfe8ef;
148 + border-top:4px solid #e94b13;
150 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>
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>
153 153   </div>
154 154  
155 155   <div style="
... ... @@ -173,18 +173,18 @@
173 173   </div>
174 174   </section>
175 175  
176 - <!-- FOCUS NOW -->
175 + <!-- FOCUS NOW: INFOBLUE -->
177 177   <section class="arsn-card" style="
178 178   margin:0 0 29px 0;
179 179   padding:19px 21px;
180 - background:#fff8f3;
181 - border:1px solid #eedfd6;
182 - border-left:5px solid #e94b13;
179 + background:#eaf6f9;
180 + border:1px solid #cfe8ef;
181 + border-left:5px solid #21b6d7;
183 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>
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>
186 186  
187 - <p style="margin:0 0 15px 0;color:#685b54;">
186 + <p style="margin:0 0 15px 0;color:#49636a;">
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:#413b37;
195 + color:#364b50;
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:#7d4a37;margin-bottom:4px;">EXPLORE THIS PHASE</div>
214 + <div class="arsn-eyebrow" style="color:#8a4d36;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.
... ... @@ -219,10 +219,10 @@
219 219   </p>
220 220   </div>
221 221  
222 - <!-- FOUR AREAS -->
221 + <!-- FOUR AREAS: IVORY + ORANGE AKZENT -->
223 223   <div class="arsn-area-grid" style="margin-bottom:30px;">
224 224  
225 - <section class="arsn-area">
224 + <section class="arsn-area" style="border-top:4px solid #e94b13;">
226 226   <div class="arsn-area-head">
227 227   <div class="arsn-area-label">START HERE</div>
228 228   <h4>Orient yourself and choose the right level of setup</h4>
... ... @@ -245,7 +245,7 @@
245 245   </div>
246 246   </section>
247 247  
248 - <section class="arsn-area">
247 + <section class="arsn-area" style="border-top:4px solid #e94b13;">
249 249   <div class="arsn-area-head">
250 250   <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
251 251   <h4>Define what the project needs and how it will be organised</h4>
... ... @@ -283,7 +283,7 @@
283 283   </div>
284 284   </section>
285 285  
286 - <section class="arsn-area">
285 + <section class="arsn-area" style="border-top:4px solid #e94b13;">
287 287   <div class="arsn-area-head">
288 288   <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
289 289   <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
... ... @@ -306,7 +306,7 @@
306 306   </div>
307 307   </section>
308 308  
309 - <section class="arsn-area">
308 + <section class="arsn-area" style="border-top:4px solid #e94b13;">
310 310   <div class="arsn-area-head">
311 311   <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
312 312   <h4>Create a working environment the project can actually use</h4>
... ... @@ -336,15 +336,15 @@
336 336  
337 337   </div>
338 338  
339 - <!-- NEXT PHASE -->
338 + <!-- NEXT PHASE: IVORY + ORANGE LEITAKZENT -->
340 340   <section class="arsn-card" style="
341 341   margin:0 0 27px 0;
342 342   padding:18px 20px;
343 - background:#fff4ee;
344 - border:1px solid #efd9cc;
342 + background:#fcfbf8;
343 + border:1px solid #e3ded6;
345 345   border-left:5px solid #e94b13;
346 346   ">
347 - <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
346 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
348 348   <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
349 349  
350 350   <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
... ... @@ -354,14 +354,14 @@
354 354  
355 355   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
356 356   class="btn btn-default"
357 - style="background:#fff;border-color:#e4cabc;color:#493a34;">
356 + style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
358 358   Continue to Work &amp; Manage
359 359   </a>
360 360   </section>
361 361  
362 - <!-- PRACTICAL RESOURCES -->
361 + <!-- PRACTICAL RESOURCES: IVORY + ORANGE LEITAKZENT -->
363 363   <div style="margin:0 0 13px 0;">
364 - <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:4px;">USEFUL MATERIALS</div>
363 + <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
365 365   <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
366 366   <p style="margin:0;color:#6a655e;">
367 367   Use concise guides when you need a reference, a procedure or something you can apply directly.
... ... @@ -369,23 +369,23 @@
369 369   </div>
370 370  
371 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;">
371 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
373 373   <strong style="color:#503a31;">Info Sheets</strong>
374 374   <div style="margin-top:5px;color:#625d56;">Short reference guides for common questions and decisions.</div>
375 375   </div>
376 376  
377 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
376 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
378 378   <strong style="color:#503a31;">Tutorials</strong>
379 379   <div style="margin-top:5px;color:#625d56;">Step-by-step instructions for specific tasks and workflows.</div>
380 380   </div>
381 381  
382 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
381 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
383 383   <strong style="color:#503a31;">Checklists &amp; Templates</strong>
384 384   <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
385 385   </div>
386 386   </div>
387 387  
388 - <!-- HELP — intentional info blue -->
387 + <!-- HELP: INFOBLUE BEWUSST BEIBEHALTEN -->
389 389   <aside style="
390 390   margin:0 0 14px 0;
391 391   padding:16px 18px;
... ... @@ -401,12 +401,12 @@
401 401   </div>
402 402   </aside>
403 403  
404 - <!-- RULE OF THUMB -->
403 + <!-- RULE OF THUMB: IVORY + ORANGE -->
405 405   <aside style="
406 406   padding:16px 18px;
407 - border:1px solid #efd9cc;
406 + border:1px solid #e3ded6;
408 408   border-left:5px solid #e94b13;
409 - background:#fff4ee;
408 + background:#fcfbf8;
410 410   border-radius:8px;
411 411   ">
412 412   <strong style="color:#744531;">A useful rule of thumb</strong>