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

Summary

Details

Page properties
Content
... ... @@ -1,131 +1,17 @@
1 1  {{html clean="false"}}
2 -<style>
3 - .arsn-enable {
4 - max-width: 1400px;
5 - margin: 0 auto;
6 - color: #322f2b;
7 - }
2 +<div style="max-width:1400px;margin:0 auto;">
8 8  
9 - .arsn-enable * {
10 - box-sizing: border-box;
11 - }
12 -
13 - .arsn-eyebrow {
14 - font-size: 12px;
15 - font-weight: 700;
16 - letter-spacing: .075em;
17 - text-transform: uppercase;
18 - }
19 -
20 - .arsn-card {
21 - border-radius: 11px;
22 - box-shadow: 0 1px 3px rgba(0,0,0,.035);
23 - }
24 -
25 - .arsn-area-grid {
26 - display: grid;
27 - grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
28 - gap: 18px;
29 - align-items: stretch;
30 - }
31 -
32 - .arsn-area {
33 - display: flex;
34 - flex-direction: column;
35 - overflow: hidden;
36 - border: 1px solid #e3ded6;
37 - border-radius: 11px;
38 - background: #fcfbf8;
39 - box-shadow: 0 1px 3px rgba(0,0,0,.035);
40 - }
41 -
42 - .arsn-area-head {
43 - padding: 18px 19px 12px 19px;
44 - }
45 -
46 - .arsn-area-body {
47 - padding: 3px 19px 19px 19px;
48 - }
49 -
50 - .arsn-area-label {
51 - display: inline-block;
52 - padding: 5px 8px;
53 - margin-bottom: 9px;
54 - border-radius: 5px;
55 - background: #f3efe8;
56 - color: #4f4a44;
57 - font-size: 12px;
58 - font-weight: 700;
59 - letter-spacing: .065em;
60 - }
61 -
62 - .arsn-area h4 {
63 - font-size: 19px;
64 - line-height: 1.3;
65 - margin: 0 0 7px 0;
66 - color: #2f2b27;
67 - }
68 -
69 - .arsn-area p {
70 - margin: 0;
71 - line-height: 1.5;
72 - color: #625d56;
73 - }
74 -
75 - .arsn-topic {
76 - display: block;
77 - margin: 6px 0;
78 - padding: 10px 11px;
79 - border: 1px solid #e9e4dc;
80 - border-radius: 6px;
81 - background: #fffdf9;
82 - color: #252321;
83 - text-decoration: none;
84 - font-weight: 600;
85 - transition: transform .08s ease, box-shadow .08s ease, background .08s ease;
86 - }
87 -
88 - .arsn-topic:hover,
89 - .arsn-topic:focus {
90 - background: #fff7f1;
91 - text-decoration: none;
92 - transform: translateY(-1px);
93 - box-shadow: 0 2px 5px rgba(0,0,0,.06);
94 - }
95 -
96 - .arsn-resource-grid {
97 - display: grid;
98 - grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
99 - gap: 12px;
100 - }
101 -
102 - @media (max-width: 700px) {
103 - .arsn-phase-grid,
104 - .arsn-focus-grid {
105 - grid-template-columns: 1fr !important;
106 - }
107 - }
108 -</style>
109 -
110 -<div class="arsn-enable">
111 -
112 - <!-- HERO: IVORY + ORANGE LEITAKZENT -->
113 - <section class="arsn-card" style="
114 - margin:0 0 18px 0;
115 - padding:20px 22px 21px 22px;
116 - border:1px solid #e3ded6;
117 - border-left:6px solid #e94b13;
118 - background:#fcfbf8;
119 - ">
120 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:6px;">
4 + <!-- INTRO -->
5 + <section style="margin:0 0 24px 0;">
6 + <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#5a554f;margin-bottom:6px;">
121 121   PROJECT PHASE 1 · ENABLE
122 122   </div>
123 123  
124 - <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
10 + <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px 0;color:#2f2b27;">
125 125   I develop my project idea — I plan, fund &amp; set up my project
126 126   </h2>
127 127  
128 - <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
14 + <p style="font-size:15px;line-height:1.55;color:#625d56;max-width:1050px;margin:0;">
129 129   Before active project work begins, clarify how the project will be organised, funded and supported,
130 130   what materials and research outputs are expected, and how rights, responsibilities, infrastructure
131 131   and data management will be handled from the start.
... ... @@ -133,68 +133,33 @@
133 133   </section>
134 134  
135 135   <!-- PHASE ORIENTATION -->
136 - <section class="arsn-phase-grid" style="
137 - display:grid;
138 - grid-template-columns:repeat(3,minmax(210px,1fr));
139 - gap:10px;
140 - margin:0 0 26px 0;
141 - ">
142 - <div style="
143 - padding:12px 14px;
144 - border-radius:8px;
145 - background:#eaf6f9;
146 - border:1px solid #cfe8ef;
147 - border-top:4px solid #e94b13;
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>
22 + <section style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 26px 0;">
23 + <div style="padding:11px 13px;border-radius:7px;background:#eaf6f9;border:1px solid #cfe8ef;border-left:4px solid #21b6d7;">
24 + <div style="font-size:11px;font-weight:700;letter-spacing:.06em;color:#4f5960;">1 · ENABLE</div>
25 + <div style="margin-top:3px;font-weight:700;color:#292724;">Plan &amp; set up</div>
151 151   </div>
152 152  
153 - <div style="
154 - padding:12px 14px;
155 - border-radius:8px;
156 - background:#fcfbf8;
157 - border:1px solid #e3ded6;
158 - border-top:3px solid #21b6d7;
159 - ">
160 - <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">2 · WORK &amp; MANAGE</div>
161 - <div style="margin-top:4px;color:#6a655e;">Run &amp; document</div>
28 + <div style="padding:11px 13px;border-radius:7px;background:#fcfbf8;border:1px solid #e3ded6;">
29 + <div style="font-size:11px;font-weight:700;letter-spacing:.06em;color:#77716a;">2 · WORK &amp; MANAGE</div>
30 + <div style="margin-top:3px;color:#6a655e;">Run &amp; document</div>
162 162   </div>
163 163  
164 - <div style="
165 - padding:12px 14px;
166 - border-radius:8px;
167 - background:#fcfbf8;
168 - border:1px solid #e3ded6;
169 - border-top:3px solid #38b76a;
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>
33 + <div style="padding:11px 13px;border-radius:7px;background:#fcfbf8;border:1px solid #e3ded6;">
34 + <div style="font-size:11px;font-weight:700;letter-spacing:.06em;color:#77716a;">3 · PUBLISH &amp; SHARE</div>
35 + <div style="margin-top:3px;color:#6a655e;">Publish, preserve &amp; hand over</div>
173 173   </div>
174 174   </section>
175 175  
176 - <!-- FOCUS NOW: INFOBLUE -->
177 - <section class="arsn-card" style="
178 - margin:0 0 29px 0;
179 - padding:19px 21px;
180 - background:#eaf6f9;
181 - border:1px solid #cfe8ef;
182 - border-left:5px solid #21b6d7;
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>
39 + <!-- FOCUS NOW -->
40 + <section style="margin:0 0 28px 0;padding:18px 20px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.025);">
41 + <h3 style="font-size:21px;margin:0 0 8px 0;color:#35312d;">What should I be focusing on now?</h3>
186 186  
187 - <p style="margin:0 0 15px 0;color:#49636a;">
43 + <p style="margin:0 0 14px 0;color:#6a655e;">
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>
191 191  
192 - <div class="arsn-focus-grid" style="
193 - display:grid;
194 - grid-template-columns:repeat(2,minmax(310px,1fr));
195 - gap:8px 26px;
196 - color:#364b50;
197 - ">
48 + <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px 24px;color:#3f3b37;">
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>
200 200   <div>• What data, materials, documentation and artistic or research outputs will be created, collected or reused?</div>
... ... @@ -210,219 +210,163 @@
210 210   </div>
211 211   </section>
212 212  
213 - <!-- AREA INTRO -->
214 - <div style="margin:0 0 15px 0;">
215 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
216 - <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
217 - <p style="margin:0;color:#6a655e;">
218 - Start with the area that matches what you need to decide or set up now.
219 - </p>
64 + <!-- SECTION HEADING -->
65 + <div style="margin:0 0 14px 0;">
66 + <h3 style="font-size:23px;margin:0 0 5px 0;color:#35312d;">This phase is organised into four areas</h3>
67 + <p style="margin:0;color:#6a655e;">Start with the area that matches what you need to decide or set up now.</p>
220 220   </div>
221 221  
222 - <!-- FOUR AREAS -->
223 - <div class="arsn-area-grid" style="margin-bottom:30px;">
70 + <!-- FOUR AREA PANELS -->
71 + <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;align-items:stretch;margin-bottom:30px;">
224 224  
225 - <section class="arsn-area" style="border-top:4px solid #21b6d7;">
226 - <div class="arsn-area-head">
227 - <div class="arsn-area-label" style="background:#eaf6f9;color:#355f69;">START HERE</div>
228 - <h4>Orient yourself and choose the right level of setup</h4>
229 - <p>
73 + <!-- START HERE -->
74 + <section style="display:flex;flex-direction:column;border:1px solid #e3ded6;border-left:4px solid #21b6d7;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.025);overflow:hidden;">
75 + <div style="padding:17px 18px 10px 18px;">
76 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;padding:4px 7px;background:#f3efe8;border-radius:4px;margin-bottom:8px;">START HERE</div>
77 +
78 + <h4 style="font-size:19px;margin:0 0 7px 0;color:#2f2b27;">Orient yourself and choose the right level of setup</h4>
79 + <p style="margin:0;color:#6a655e;line-height:1.5;">
230 230   Use these pages if you are just starting out, unsure which topics apply,
231 231   or need a practical minimum setup for a smaller project.
232 232   </p>
233 233   </div>
234 234  
235 - <div class="arsn-area-body">
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;">
239 - Get Started
240 - </a>
85 + <div style="padding:4px 18px 18px 18px;">
86 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Get%20Started/"
87 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #21b6d7;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Get Started</a>
241 241  
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;">
245 - Quick Start for Small Projects
246 - </a>
89 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/"
90 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #21b6d7;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Quick Start for Small Projects</a>
247 247   </div>
248 248   </section>
249 249  
250 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
251 - <div class="arsn-area-head">
252 - <div class="arsn-area-label" style="background:#f7e6dd;color:#7b4430;">PLAN &amp; ORGANISE</div>
253 - <h4>Define what the project needs and how it will be organised</h4>
254 - <p>
94 + <!-- PLAN & ORGANISE -->
95 + <section style="display:flex;flex-direction:column;border:1px solid #e3ded6;border-left:4px solid #e94b13;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.025);overflow:hidden;">
96 + <div style="padding:17px 18px 10px 18px;">
97 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;padding:4px 7px;background:#f3efe8;border-radius:4px;margin-bottom:8px;">PLAN &amp; ORGANISE</div>
98 +
99 + <h4 style="font-size:19px;margin:0 0 7px 0;color:#2f2b27;">Define what the project needs and how it will be organised</h4>
100 + <p style="margin:0;color:#6a655e;line-height:1.5;">
255 255   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
256 256   and the basic data-management approach before active work begins.
257 257   </p>
258 258   </div>
259 259  
260 - <div class="arsn-area-body">
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;">
264 - Project Planning &amp; Organisation
265 - </a>
106 + <div style="padding:4px 18px 18px 18px;">
107 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/"
108 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Project Planning &amp; Organisation</a>
266 266  
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;">
270 - Funding &amp; Funder Requirements
271 - </a>
110 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/"
111 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Funding &amp; Funder Requirements</a>
272 272  
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;">
276 - Identify Your Data &amp; Research Outputs
277 - </a>
113 + <a 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/"
114 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Identify Your Data &amp; Research Outputs</a>
278 278  
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;">
282 - Plan Your Data Management
283 - </a>
116 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/"
117 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Plan Your Data Management</a>
284 284  
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;">
288 - File Organisation &amp; Naming
289 - </a>
119 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/"
120 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">File Organisation &amp; Naming</a>
290 290   </div>
291 291   </section>
292 292  
293 - <section class="arsn-area" style="border-top:4px solid #f0aa00;">
294 - <div class="arsn-area-head">
295 - <div class="arsn-area-label" style="background:#fff3d5;color:#7a5b12;">PROTECT &amp; CLARIFY</div>
296 - <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
297 - <p>
124 + <!-- PROTECT & CLARIFY -->
125 + <section style="display:flex;flex-direction:column;border:1px solid #e3ded6;border-left:4px solid #f0aa00;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.025);overflow:hidden;">
126 + <div style="padding:17px 18px 10px 18px;">
127 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;padding:4px 7px;background:#f3efe8;border-radius:4px;margin-bottom:8px;">PROTECT &amp; CLARIFY</div>
128 +
129 + <h4 style="font-size:19px;margin:0 0 7px 0;color:#2f2b27;">Clarify rights, permissions, protection needs and responsibilities</h4>
130 + <p style="margin:0;color:#6a655e;line-height:1.5;">
298 298   Identify legal, ethical or data-protection issues early enough to obtain permissions,
299 299   make agreements and avoid unnecessary restrictions later.
300 300   </p>
301 301   </div>
302 302  
303 - <div class="arsn-area-body">
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;">
307 - Copyright, Rights &amp; Licences
308 - </a>
136 + <div style="padding:4px 18px 18px 18px;">
137 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/"
138 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #f0aa00;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Copyright, Rights &amp; Licences</a>
309 309  
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;">
313 - Data Protection &amp; Ethics
314 - </a>
140 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/"
141 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #f0aa00;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Data Protection &amp; Ethics</a>
315 315   </div>
316 316   </section>
317 317  
318 - <section class="arsn-area" style="border-top:4px solid #38b76a;">
319 - <div class="arsn-area-head">
320 - <div class="arsn-area-label" style="background:#e6f3e9;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
321 - <h4>Create a working environment the project can actually use</h4>
322 - <p>
145 + <!-- INFRASTRUCTURE -->
146 + <section style="display:flex;flex-direction:column;border:1px solid #e3ded6;border-left:4px solid #38b76a;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.025);overflow:hidden;">
147 + <div style="padding:17px 18px 10px 18px;">
148 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;padding:4px 7px;background:#f3efe8;border-radius:4px;margin-bottom:8px;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
149 +
150 + <h4 style="font-size:19px;margin:0 0 7px 0;color:#2f2b27;">Create a working environment the project can actually use</h4>
151 + <p style="margin:0;color:#6a655e;line-height:1.5;">
323 323   Decide where project materials live, how they are backed up and protected,
324 324   which tools are appropriate and how access and collaboration will work.
325 325   </p>
326 326   </div>
327 327  
328 - <div class="arsn-area-body">
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;">
332 - Storage, Backup &amp; Security
333 - </a>
157 + <div style="padding:4px 18px 18px 18px;">
158 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/"
159 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #38b76a;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Storage, Backup &amp; Security</a>
334 334  
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;">
338 - Infrastructure, Services &amp; Tools
339 - </a>
161 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/"
162 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #38b76a;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Infrastructure, Services &amp; Tools</a>
340 340  
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;">
344 - Collaboration Setup
345 - </a>
164 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/"
165 + style="display:block;margin:5px 0;padding:9px 10px;background:#fff;border:1px solid #e9e4dc;border-left:3px solid #38b76a;border-radius:5px;color:#222;text-decoration:none;font-weight:600;">Collaboration Setup</a>
346 346   </div>
347 347   </section>
348 348  
349 349   </div>
350 350  
351 - <!-- NEXT PHASE: IVORY + ORANGE -->
352 - <section class="arsn-card" style="
353 - margin:0 0 27px 0;
354 - padding:18px 20px;
355 - background:#fcfbf8;
356 - border:1px solid #e3ded6;
357 - border-left:5px solid #e94b13;
358 - ">
359 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
360 - <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
171 + <!-- NEXT PHASE -->
172 + <section style="margin:0 0 26px 0;padding:17px 19px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:10px;">
173 + <div style="font-size:12px;font-weight:700;letter-spacing:.065em;color:#5a554f;margin-bottom:5px;">WHEN ACTIVE PROJECT WORK BEGINS</div>
361 361  
362 - <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
175 + <h3 style="font-size:20px;margin:0 0 7px 0;color:#35312d;">Continue in Work &amp; Manage</h3>
176 +
177 + <p style="margin:0 0 12px 0;color:#6a655e;line-height:1.5;">
363 363   The setup decisions made here should guide the project, but they are not fixed forever.
364 364   During active project work, organise, document, secure and review how the project is actually working.
365 365   </p>
366 366  
367 - <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
368 - class="btn btn-default"
369 - style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
370 - Continue to Work &amp; Manage
371 - </a>
182 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/" class="btn btn-default">Continue to Work &amp; Manage</a>
372 372   </section>
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>
377 - <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
378 - <p style="margin:0;color:#6a655e;">
379 - Use concise guides when you need a reference, a procedure or something you can apply directly.
380 - </p>
187 + <h3 style="font-size:21px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
188 + <p style="margin:0;color:#6a655e;">Use concise guides when you need a reference, a procedure or something you can apply directly.</p>
381 381   </div>
382 382  
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>
386 - <div style="margin-top:5px;color:#625d56;">Short reference guides for common questions and decisions.</div>
191 + <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:26px;">
192 + <div style="padding:14px 15px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:8px;">
193 + <strong style="color:#35312d;">Info Sheets</strong>
194 + <div style="margin-top:4px;color:#6a655e;">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;">
390 - <strong style="color:#503a31;">Tutorials</strong>
391 - <div style="margin-top:5px;color:#625d56;">Step-by-step instructions for specific tasks and workflows.</div>
197 + <div style="padding:14px 15px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:8px;">
198 + <strong style="color:#35312d;">Tutorials</strong>
199 + <div style="margin-top:4px;color:#6a655e;">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>
396 - <div style="margin-top:5px;color:#625d56;">Reusable aids for planning, documenting and reviewing your project setup.</div>
202 + <div style="padding:14px 15px;background:#fcfbf8;border:1px solid #e3ded6;border-radius:8px;">
203 + <strong style="color:#35312d;">Checklists &amp; Templates</strong>
204 + <div style="margin-top:4px;color:#6a655e;">Reusable aids for planning, documenting and reviewing your project setup.</div>
397 397   </div>
398 398   </div>
399 399  
400 400   <!-- HELP -->
401 - <aside style="
402 - margin:0 0 14px 0;
403 - padding:16px 18px;
404 - border:1px solid #c7e5ed;
405 - border-left:5px solid #21b6d7;
406 - background:#e5f5f9;
407 - border-radius:8px;
408 - ">
409 - <strong style="color:#2d5661;">Need help?</strong>
410 - <div style="margin-top:5px;color:#365e68;line-height:1.5;">
209 + <aside style="margin:0 0 14px 0;padding:15px 17px;border:1px solid #cfe8ef;border-left:4px solid #21b6d7;background:#eaf6f9;border-radius:7px;">
210 + <strong style="color:#2f4d56;">Need help?</strong>
211 + <div style="margin-top:4px;color:#365862;line-height:1.5;">
411 411   Not sure which requirements, services or next steps apply to your project?
412 412   Contact Art &amp; Research Services for project-specific support.
413 413   </div>
414 414   </aside>
415 415  
416 - <!-- RULE OF THUMB: INFOBLUE -->
417 - <aside style="
418 - padding:16px 18px;
419 - border:1px solid #c7e5ed;
420 - border-left:5px solid #21b6d7;
421 - background:#e5f5f9;
422 - border-radius:8px;
423 - ">
424 - <strong style="color:#2d5661;">A useful rule of thumb</strong>
425 - <div style="margin-top:5px;color:#365e68;line-height:1.5;">
217 + <!-- RULE OF THUMB -->
218 + <aside style="padding:15px 17px;border:1px solid #cfe8ef;border-left:4px solid #21b6d7;background:#eaf6f9;border-radius:7px;">
219 + <strong style="color:#2f4d56;">A useful rule of thumb</strong>
220 + <div style="margin-top:4px;color:#365862;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>
... ... @@ -430,3 +430,4 @@
430 430  
431 431  </div>
432 432  {{/html}}
228 +