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 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,10 +33,7 @@
33 33   display: flex;
34 34   flex-direction: column;
35 35   overflow: hidden;
36 - border: 1px solid #e3ded6;
37 - border-top: 4px solid #e94b13;
38 38   border-radius: 11px;
39 - background: #fcfbf8;
40 40   box-shadow: 0 1px 3px rgba(0,0,0,.035);
41 41   }
42 42  
... ... @@ -53,8 +53,6 @@
53 53   padding: 5px 8px;
54 54   margin-bottom: 9px;
55 55   border-radius: 5px;
56 - background: #f7e6dd;
57 - color: #7b4430;
58 58   font-size: 12px;
59 59   font-weight: 700;
60 60   letter-spacing: .065em;
... ... @@ -77,10 +77,8 @@
77 77   display: block;
78 78   margin: 6px 0;
79 79   padding: 10px 11px;
80 - border: 1px solid #e9e4dc;
81 - border-left: 3px solid #e94b13;
82 82   border-radius: 6px;
83 - background: #fff;
76 + background: rgba(255,255,255,.84);
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;
85 + background: #fff;
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 -->
107 + <!-- HERO / INTRO -->
115 115   <section class="arsn-card" style="
116 116   margin:0 0 18px 0;
117 117   padding:20px 22px 21px 22px;
118 - border:1px solid #e3ded6;
119 - border-left:6px solid #e94b13;
120 - background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
111 + border:1px solid #d9e8e8;
112 + border-left:6px solid #21b6d7;
113 + background:linear-gradient(135deg,#edf8fa 0%,#fff8f2 72%,#fffdf9 100%);
121 121   ">
122 - <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
115 + <div class="arsn-eyebrow" style="color:#4f6870;margin-bottom:6px;">
123 123   PROJECT PHASE 1 · ENABLE
124 124   </div>
125 125  
... ... @@ -144,32 +144,34 @@
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;
140 + background:#dff3f7;
141 + border:1px solid #bfe4eb;
142 + border-bottom:4px solid #21b6d7;
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>
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>
153 153   </div>
154 154  
155 155   <div style="
156 156   padding:12px 14px;
157 157   border-radius:8px;
158 - background:#fcfbf8;
159 - border:1px solid #e3ded6;
151 + background:#fff1e9;
152 + border:1px solid #f3d9cc;
153 + border-bottom:4px solid #e94b13;
160 160   ">
161 - <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">2 · WORK &amp; MANAGE</div>
162 - <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>
163 163   </div>
164 164  
165 165   <div style="
166 166   padding:12px 14px;
167 167   border-radius:8px;
168 - background:#fcfbf8;
169 - border:1px solid #e3ded6;
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  
... ... @@ -177,14 +177,14 @@
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;
175 + background:#fff8e8;
176 + border:1px solid #f0dfb3;
177 + border-left:5px solid #f0aa00;
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>
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:#685b54;">
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:#413b37;
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:#7d4a37;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">
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">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,
... ... @@ -234,20 +234,27 @@
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/">
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 238   Get Started
239 239   </a>
240 240  
241 241   <a class="arsn-topic"
242 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/">
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;">
243 243   Quick Start for Small Projects
244 244   </a>
245 245   </div>
246 246   </section>
247 247  
248 - <section class="arsn-area">
250 + <!-- PLAN & ORGANISE -->
251 + <section class="arsn-area" style="
252 + background:#fff5ef;
253 + border:1px solid #f2dace;
254 + border-top:5px solid #e94b13;
255 + ">
249 249   <div class="arsn-area-head">
250 - <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
257 + <div class="arsn-area-label" style="background:#fde5da;color:#7a432d;">PLAN &amp; ORGANISE</div>
251 251   <h4>Define what the project needs and how it will be organised</h4>
252 252   <p>
253 253   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
... ... @@ -257,35 +257,45 @@
257 257  
258 258   <div class="arsn-area-body">
259 259   <a class="arsn-topic"
260 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
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;">
261 261   Project Planning &amp; Organisation
262 262   </a>
263 263  
264 264   <a class="arsn-topic"
265 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
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;">
266 266   Funding &amp; Funder Requirements
267 267   </a>
268 268  
269 269   <a class="arsn-topic"
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/">
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;">
271 271   Identify Your Data &amp; Research Outputs
272 272   </a>
273 273  
274 274   <a class="arsn-topic"
275 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">
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;">
276 276   Plan Your Data Management
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/File%20Organisation%20%26%20Naming/">
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;">
281 281   File Organisation &amp; Naming
282 282   </a>
283 283   </div>
284 284   </section>
285 285  
286 - <section class="arsn-area">
298 + <!-- PROTECT & CLARIFY -->
299 + <section class="arsn-area" style="
300 + background:#fff9e9;
301 + border:1px solid #f0dfb3;
302 + border-top:5px solid #f0aa00;
303 + ">
287 287   <div class="arsn-area-head">
288 - <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
305 + <div class="arsn-area-label" style="background:#ffefc4;color:#785d1f;">PROTECT &amp; CLARIFY</div>
289 289   <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
290 290   <p>
291 291   Identify legal, ethical or data-protection issues early enough to obtain permissions,
... ... @@ -295,20 +295,27 @@
295 295  
296 296   <div class="arsn-area-body">
297 297   <a class="arsn-topic"
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/">
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;">
299 299   Copyright, Rights &amp; Licences
300 300   </a>
301 301  
302 302   <a class="arsn-topic"
303 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">
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;">
304 304   Data Protection &amp; Ethics
305 305   </a>
306 306   </div>
307 307   </section>
308 308  
309 - <section class="arsn-area">
328 + <!-- INFRASTRUCTURE -->
329 + <section class="arsn-area" style="
330 + background:#f1f9f3;
331 + border:1px solid #d1e8d7;
332 + border-top:5px solid #38b76a;
333 + ">
310 310   <div class="arsn-area-head">
311 - <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
335 + <div class="arsn-area-label" style="background:#dff2e4;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
312 312   <h4>Create a working environment the project can actually use</h4>
313 313   <p>
314 314   Decide where project materials live, how they are backed up and protected,
... ... @@ -318,17 +318,20 @@
318 318  
319 319   <div class="arsn-area-body">
320 320   <a class="arsn-topic"
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/">
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;">
322 322   Storage, Backup &amp; Security
323 323   </a>
324 324  
325 325   <a class="arsn-topic"
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/">
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;">
327 327   Infrastructure, Services &amp; Tools
328 328   </a>
329 329  
330 330   <a class="arsn-topic"
331 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
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;">
332 332   Collaboration Setup
333 333   </a>
334 334   </div>
... ... @@ -340,8 +340,8 @@
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;
370 + background:#fff2eb;
371 + border:1px solid #f0d7ca;
345 345   border-left:5px solid #e94b13;
346 346   ">
347 347   <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
... ... @@ -361,7 +361,7 @@
361 361  
362 362   <!-- PRACTICAL RESOURCES -->
363 363   <div style="margin:0 0 13px 0;">
364 - <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:4px;">USEFUL MATERIALS</div>
391 + <div class="arsn-eyebrow" style="color:#746d65;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;">
373 - <strong style="color:#503a31;">Info Sheets</strong>
374 - <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>
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;">
378 - <strong style="color:#503a31;">Tutorials</strong>
379 - <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>
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;">
383 - <strong style="color:#503a31;">Checklists &amp; Templates</strong>
384 - <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>
385 385   </div>
386 386   </div>
387 387  
388 - <!-- HELP — intentional info blue -->
415 + <!-- HELP -->
389 389   <aside style="
390 390   margin:0 0 14px 0;
391 391   padding:16px 18px;
... ... @@ -404,13 +404,13 @@
404 404   <!-- RULE OF THUMB -->
405 405   <aside style="
406 406   padding:16px 18px;
407 - border:1px solid #efd9cc;
408 - border-left:5px solid #e94b13;
409 - background:#fff4ee;
434 + border:1px solid #f0dfb3;
435 + border-left:5px solid #f0aa00;
436 + background:#fff8e8;
410 410   border-radius:8px;
411 411   ">
412 - <strong style="color:#744531;">A useful rule of thumb</strong>
413 - <div style="margin-top:5px;color:#67564e;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;">
414 414   Plan early, document decisions, and review them as the project changes.
415 415   A simple setup that is actually used is usually more effective than a complex plan that is never updated.
416 416   </div>