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 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
... ... @@ -33,7 +33,10 @@
33 33   display: flex;
34 34   flex-direction: column;
35 35   overflow: hidden;
36 + border: 1px solid #e3ded6;
37 + border-top: 4px solid #e94b13;
36 36   border-radius: 11px;
39 + 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;
56 + background: #f7e6dd;
57 + color: #7b4430;
53 53   font-size: 12px;
54 54   font-weight: 700;
55 55   letter-spacing: .065em;
... ... @@ -72,8 +72,10 @@
72 72   display: block;
73 73   margin: 6px 0;
74 74   padding: 10px 11px;
80 + border: 1px solid #e9e4dc;
81 + border-left: 3px solid #e94b13;
75 75   border-radius: 6px;
76 - background: rgba(255,255,255,.84);
83 + background: #fff;
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;
92 + background: #fffaf6;
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 -->
114 + <!-- HERO -->
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%);
118 + border:1px solid #e3ded6;
119 + border-left:6px solid #e94b13;
120 + background:linear-gradient(135deg,#fff6f0 0%,#fcfbf8 72%,#fffdf9 100%);
114 114   ">
115 - <div class="arsn-eyebrow" style="color:#4f6870;margin-bottom:6px;">
122 + <div class="arsn-eyebrow" style="color:#7d4a37;margin-bottom:6px;">
116 116   PROJECT PHASE 1 · ENABLE
117 117   </div>
118 118  
... ... @@ -137,34 +137,32 @@
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;
147 + background:#fff2eb;
148 + border:1px solid #f0d7ca;
149 + border-bottom: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>
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>
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;
158 + background:#fcfbf8;
159 + border:1px solid #e3ded6;
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>
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>
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;
168 + background:#fcfbf8;
169 + border:1px solid #e3ded6;
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  
... ... @@ -172,14 +172,14 @@
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:#fff8f3;
181 + border:1px solid #eedfd6;
182 + border-left:5px solid #e94b13;
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:#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>
181 181  
182 - <p style="margin:0 0 15px 0;color:#6a604d;">
187 + <p style="margin:0 0 15px 0;color:#685b54;">
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:#413b37;
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:#7d4a37;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">
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">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,27 +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:1px solid #d7ebef;border-left:4px 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:1px solid #d7ebef;border-left:4px 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 - <!-- PLAN & ORGANISE -->
251 - <section class="arsn-area" style="
252 - background:#fff5ef;
253 - border:1px solid #f2dace;
254 - border-top:5px solid #e94b13;
255 - ">
248 + <section class="arsn-area">
256 256   <div class="arsn-area-head">
257 - <div class="arsn-area-label" style="background:#fde5da;color:#7a432d;">PLAN &amp; ORGANISE</div>
250 + <div class="arsn-area-label">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,
... ... @@ -264,45 +264,35 @@
264 264  
265 265   <div class="arsn-area-body">
266 266   <a class="arsn-topic"
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;">
260 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
269 269   Project Planning &amp; Organisation
270 270   </a>
271 271  
272 272   <a class="arsn-topic"
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;">
265 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
275 275   Funding &amp; Funder Requirements
276 276   </a>
277 277  
278 278   <a class="arsn-topic"
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;">
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/">
281 281   Identify Your Data &amp; Research Outputs
282 282   </a>
283 283  
284 284   <a class="arsn-topic"
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;">
275 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">
287 287   Plan Your Data Management
288 288   </a>
289 289  
290 290   <a class="arsn-topic"
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;">
280 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">
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 - ">
286 + <section class="arsn-area">
304 304   <div class="arsn-area-head">
305 - <div class="arsn-area-label" style="background:#ffefc4;color:#785d1f;">PROTECT &amp; CLARIFY</div>
288 + <div class="arsn-area-label">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,
... ... @@ -312,27 +312,20 @@
312 312  
313 313   <div class="arsn-area-body">
314 314   <a class="arsn-topic"
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;">
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/">
317 317   Copyright, Rights &amp; Licences
318 318   </a>
319 319  
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/Data%20Protection%20%26%20Ethics/"
322 - style="border:1px solid #f1e4bf;border-left:4px 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/">
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 - ">
309 + <section class="arsn-area">
334 334   <div class="arsn-area-head">
335 - <div class="arsn-area-label" style="background:#dff2e4;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
311 + <div class="arsn-area-label">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,
... ... @@ -342,20 +342,17 @@
342 342  
343 343   <div class="arsn-area-body">
344 344   <a class="arsn-topic"
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;">
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/">
347 347   Storage, Backup &amp; Security
348 348   </a>
349 349  
350 350   <a class="arsn-topic"
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;">
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/">
353 353   Infrastructure, Services &amp; Tools
354 354   </a>
355 355  
356 356   <a class="arsn-topic"
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;">
331 + href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
359 359   Collaboration Setup
360 360   </a>
361 361   </div>
... ... @@ -367,8 +367,8 @@
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;
343 + background:#fff4ee;
344 + border:1px solid #efd9cc;
372 372   border-left:5px solid #e94b13;
373 373   ">
374 374   <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
... ... @@ -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>
364 + <div class="arsn-eyebrow" style="color:#7d4a37;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,23 +396,23 @@
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>
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>
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>
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>
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>
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>
412 412   </div>
413 413   </div>
414 414  
415 - <!-- HELP -->
388 + <!-- HELP — intentional info blue -->
416 416   <aside style="
417 417   margin:0 0 14px 0;
418 418   padding:16px 18px;
... ... @@ -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;
407 + border:1px solid #efd9cc;
408 + border-left:5px solid #e94b13;
409 + background:#fff4ee;
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;">
412 + <strong style="color:#744531;">A useful rule of thumb</strong>
413 + <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>