Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 25.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 13:09
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;
... ... @@ -79,7 +79,7 @@
79 79   border: 1px solid #e9e4dc;
80 80   border-left: 3px solid #e94b13;
81 81   border-radius: 6px;
82 - background: #fffdf9;
83 + background: #fff;
83 83   color: #252321;
84 84   text-decoration: none;
85 85   font-weight: 600;
... ... @@ -88,7 +88,7 @@
88 88  
89 89   .arsn-topic:hover,
90 90   .arsn-topic:focus {
91 - background: #fff7f1;
92 + background: #fffaf6;
92 92   text-decoration: none;
93 93   transform: translateY(-1px);
94 94   box-shadow: 0 2px 5px rgba(0,0,0,.06);
... ... @@ -110,15 +110,15 @@
110 110  
111 111  <div class="arsn-enable">
112 112  
113 - <!-- HERO: IVORY + ORANGE LEITAKZENT -->
114 + <!-- HERO -->
114 114   <section class="arsn-card" style="
115 115   margin:0 0 18px 0;
116 116   padding:20px 22px 21px 22px;
117 117   border:1px solid #e3ded6;
118 118   border-left:6px solid #e94b13;
119 - background:#fcfbf8;
120 + background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
120 120   ">
121 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
122 + <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
122 122   PROJECT PHASE 1 · ENABLE
123 123   </div>
124 124  
... ... @@ -133,7 +133,7 @@
133 133   </p>
134 134   </section>
135 135  
136 - <!-- PHASE ORIENTATION: INFOBLUE + IVORY + ORANGE ACTIVE MARKER -->
137 + <!-- PHASE ORIENTATION -->
137 137   <section class="arsn-phase-grid" style="
138 138   display:grid;
139 139   grid-template-columns:repeat(3,minmax(210px,1fr));
... ... @@ -143,12 +143,12 @@
143 143   <div style="
144 144   padding:12px 14px;
145 145   border-radius:8px;
146 - background:#eaf6f9;
147 - border:1px solid #cfe8ef;
148 - border-top:4px solid #e94b13;
147 + background:#fff2eb;
148 + border:1px solid #f0d7ca;
149 + border-bottom:4px solid #e94b13;
149 149   ">
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>
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>
152 152   </div>
153 153  
154 154   <div style="
... ... @@ -172,18 +172,18 @@
172 172   </div>
173 173   </section>
174 174  
175 - <!-- FOCUS NOW: INFOBLUE -->
176 + <!-- FOCUS NOW -->
176 176   <section class="arsn-card" style="
177 177   margin:0 0 29px 0;
178 178   padding:19px 21px;
179 - background:#eaf6f9;
180 - border:1px solid #cfe8ef;
181 - border-left:5px solid #21b6d7;
180 + background:#fff8f3;
181 + border:1px solid #eedfd6;
182 + border-left:5px solid #e94b13;
182 182   ">
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>
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>
185 185  
186 - <p style="margin:0 0 15px 0;color:#49636a;">
187 + <p style="margin:0 0 15px 0;color:#685b54;">
187 187   You do not need every detail fixed before you start. You do need enough shared decisions
188 188   to make the project workable, responsible and easy to continue.
189 189   </p>
... ... @@ -192,7 +192,7 @@
192 192   display:grid;
193 193   grid-template-columns:repeat(2,minmax(310px,1fr));
194 194   gap:8px 26px;
195 - color:#364b50;
196 + color:#413b37;
196 196   ">
197 197   <div>• What is the scope of the project, and who is responsible for which tasks and decisions?</div>
198 198   <div>• Which funding opportunities and funder requirements apply?</div>
... ... @@ -211,7 +211,7 @@
211 211  
212 212   <!-- AREA INTRO -->
213 213   <div style="margin:0 0 15px 0;">
214 - <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>
215 215   <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
216 216   <p style="margin:0;color:#6a655e;">
217 217   Start with the area that matches what you need to decide or set up now.
... ... @@ -218,10 +218,10 @@
218 218   </p>
219 219   </div>
220 220  
221 - <!-- FOUR AREAS: IVORY + ORANGE AKZENT -->
222 + <!-- FOUR AREAS -->
222 222   <div class="arsn-area-grid" style="margin-bottom:30px;">
223 223  
224 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
225 + <section class="arsn-area">
225 225   <div class="arsn-area-head">
226 226   <div class="arsn-area-label">START HERE</div>
227 227   <h4>Orient yourself and choose the right level of setup</h4>
... ... @@ -244,7 +244,7 @@
244 244   </div>
245 245   </section>
246 246  
247 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
248 + <section class="arsn-area">
248 248   <div class="arsn-area-head">
249 249   <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
250 250   <h4>Define what the project needs and how it will be organised</h4>
... ... @@ -282,7 +282,7 @@
282 282   </div>
283 283   </section>
284 284  
285 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
286 + <section class="arsn-area">
286 286   <div class="arsn-area-head">
287 287   <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
288 288   <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
... ... @@ -305,7 +305,7 @@
305 305   </div>
306 306   </section>
307 307  
308 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
309 + <section class="arsn-area">
309 309   <div class="arsn-area-head">
310 310   <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
311 311   <h4>Create a working environment the project can actually use</h4>
... ... @@ -335,15 +335,15 @@
335 335  
336 336   </div>
337 337  
338 - <!-- NEXT PHASE: IVORY + ORANGE LEITAKZENT -->
339 + <!-- NEXT PHASE -->
339 339   <section class="arsn-card" style="
340 340   margin:0 0 27px 0;
341 341   padding:18px 20px;
342 - background:#fcfbf8;
343 - border:1px solid #e3ded6;
343 + background:#fff4ee;
344 + border:1px solid #efd9cc;
344 344   border-left:5px solid #e94b13;
345 345   ">
346 - <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>
347 347   <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
348 348  
349 349   <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
... ... @@ -353,14 +353,14 @@
353 353  
354 354   <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
355 355   class="btn btn-default"
356 - style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
357 + style="background:#fff;border-color:#e4cabc;color:#493a34;">
357 357   Continue to Work &amp; Manage
358 358   </a>
359 359   </section>
360 360  
361 - <!-- PRACTICAL RESOURCES: IVORY + ORANGE LEITAKZENT -->
362 + <!-- PRACTICAL RESOURCES -->
362 362   <div style="margin:0 0 13px 0;">
363 - <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>
364 364   <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
365 365   <p style="margin:0;color:#6a655e;">
366 366   Use concise guides when you need a reference, a procedure or something you can apply directly.
... ... @@ -368,23 +368,23 @@
368 368   </div>
369 369  
370 370   <div class="arsn-resource-grid" style="margin-bottom:27px;">
371 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
372 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
372 372   <strong style="color:#503a31;">Info Sheets</strong>
373 373   <div style="margin-top:5px;color:#625d56;">Short reference guides for common questions and decisions.</div>
374 374   </div>
375 375  
376 - <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;">
377 377   <strong style="color:#503a31;">Tutorials</strong>
378 378   <div style="margin-top:5px;color:#625d56;">Step-by-step instructions for specific tasks and workflows.</div>
379 379   </div>
380 380  
381 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
382 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;">
382 382   <strong style="color:#503a31;">Checklists &amp; Templates</strong>
383 383   <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
384 384   </div>
385 385   </div>
386 386  
387 - <!-- HELP: INFOBLUE BEWUSST BEIBEHALTEN -->
388 + <!-- HELP — intentional info blue -->
388 388   <aside style="
389 389   margin:0 0 14px 0;
390 390   padding:16px 18px;
... ... @@ -400,12 +400,12 @@
400 400   </div>
401 401   </aside>
402 402  
403 - <!-- RULE OF THUMB: IVORY + ORANGE -->
404 + <!-- RULE OF THUMB -->
404 404   <aside style="
405 405   padding:16px 18px;
406 - border:1px solid #e3ded6;
407 + border:1px solid #efd9cc;
407 407   border-left:5px solid #e94b13;
408 - background:#fcfbf8;
409 + background:#fff4ee;
409 409   border-radius:8px;
410 410   ">
411 411   <strong style="color:#744531;">A useful rule of thumb</strong>