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 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,126 +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-radius: 11px;
37 - box-shadow: 0 1px 3px rgba(0,0,0,.035);
38 - }
39 -
40 - .arsn-area-head {
41 - padding: 18px 19px 12px 19px;
42 - }
43 -
44 - .arsn-area-body {
45 - padding: 3px 19px 19px 19px;
46 - }
47 -
48 - .arsn-area-label {
49 - display: inline-block;
50 - padding: 5px 8px;
51 - margin-bottom: 9px;
52 - border-radius: 5px;
53 - font-size: 12px;
54 - font-weight: 700;
55 - letter-spacing: .065em;
56 - }
57 -
58 - .arsn-area h4 {
59 - font-size: 19px;
60 - line-height: 1.3;
61 - margin: 0 0 7px 0;
62 - color: #2f2b27;
63 - }
64 -
65 - .arsn-area p {
66 - margin: 0;
67 - line-height: 1.5;
68 - color: #625d56;
69 - }
70 -
71 - .arsn-topic {
72 - display: block;
73 - margin: 6px 0;
74 - padding: 10px 11px;
75 - border-radius: 6px;
76 - background: rgba(255,255,255,.84);
77 - color: #252321;
78 - text-decoration: none;
79 - font-weight: 600;
80 - transition: transform .08s ease, box-shadow .08s ease, background .08s ease;
81 - }
82 -
83 - .arsn-topic:hover,
84 - .arsn-topic:focus {
85 - background: #fff;
86 - text-decoration: none;
87 - transform: translateY(-1px);
88 - box-shadow: 0 2px 5px rgba(0,0,0,.06);
89 - }
90 -
91 - .arsn-resource-grid {
92 - display: grid;
93 - grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
94 - gap: 12px;
95 - }
96 -
97 - @media (max-width: 700px) {
98 - .arsn-phase-grid,
99 - .arsn-focus-grid {
100 - grid-template-columns: 1fr !important;
101 - }
102 - }
103 -</style>
104 -
105 -<div class="arsn-enable">
106 -
107 - <!-- HERO / INTRO -->
108 - <section class="arsn-card" style="
109 - margin:0 0 18px 0;
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%);
114 - ">
115 - <div class="arsn-eyebrow" style="color:#4f6870;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;">
116 116   PROJECT PHASE 1 · ENABLE
117 117   </div>
118 118  
119 - <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;">
120 120   I develop my project idea — I plan, fund &amp; set up my project
121 121   </h2>
122 122  
123 - <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;">
124 124   Before active project work begins, clarify how the project will be organised, funded and supported,
125 125   what materials and research outputs are expected, and how rights, responsibilities, infrastructure
126 126   and data management will be handled from the start.
... ... @@ -128,68 +128,33 @@
128 128   </section>
129 129  
130 130   <!-- PHASE ORIENTATION -->
131 - <section class="arsn-phase-grid" style="
132 - display:grid;
133 - grid-template-columns:repeat(3,minmax(210px,1fr));
134 - gap:10px;
135 - margin:0 0 26px 0;
136 - ">
137 - <div style="
138 - padding:12px 14px;
139 - border-radius:8px;
140 - background:#dff3f7;
141 - border:1px solid #bfe4eb;
142 - border-bottom:4px solid #21b6d7;
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>
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>
146 146   </div>
147 147  
148 - <div style="
149 - padding:12px 14px;
150 - border-radius:8px;
151 - background:#fff1e9;
152 - border:1px solid #f3d9cc;
153 - border-bottom:4px solid #e94b13;
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>
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>
157 157   </div>
158 158  
159 - <div style="
160 - padding:12px 14px;
161 - border-radius:8px;
162 - background:#edf7ef;
163 - border:1px solid #d2ead7;
164 - border-bottom:4px solid #38b76a;
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>
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>
168 168   </div>
169 169   </section>
170 170  
171 171   <!-- FOCUS NOW -->
172 - <section class="arsn-card" style="
173 - margin:0 0 29px 0;
174 - padding:19px 21px;
175 - background:#fff8e8;
176 - border:1px solid #f0dfb3;
177 - border-left:5px solid #f0aa00;
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>
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>
181 181  
182 - <p style="margin:0 0 15px 0;color:#6a604d;">
43 + <p style="margin:0 0 14px 0;color:#6a655e;">
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>
186 186  
187 - <div class="arsn-focus-grid" style="
188 - display:grid;
189 - grid-template-columns:repeat(2,minmax(310px,1fr));
190 - gap:8px 26px;
191 - color:#413b33;
192 - ">
48 + <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px 24px;color:#3f3b37;">
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>
195 195   <div>• What data, materials, documentation and artistic or research outputs will be created, collected or reused?</div>
... ... @@ -205,159 +205,108 @@
205 205   </div>
206 206   </section>
207 207  
208 - <!-- AREA INTRO -->
209 - <div style="margin:0 0 15px 0;">
210 - <div class="arsn-eyebrow" style="color:#746d65;margin-bottom:4px;">EXPLORE THIS PHASE</div>
211 - <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
212 - <p style="margin:0;color:#6a655e;">
213 - Start with the area that matches what you need to decide or set up now.
214 - </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>
215 215   </div>
216 216  
217 - <!-- FOUR AREAS -->
218 - <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;">
219 219  
220 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 - <div class="arsn-area-head">
227 - <div class="arsn-area-label" style="background:#dff3f7;color:#365f69;">START HERE</div>
228 - <h4>Orient yourself and choose the right level of setup</h4>
229 - <p>
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:1px solid #d7ebef;border-left:4px 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:1px solid #d7ebef;border-left:4px 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 250   <!-- PLAN & ORGANISE -->
251 - <section class="arsn-area" style="
252 - background:#fff5ef;
253 - border:1px solid #f2dace;
254 - border-top:5px solid #e94b13;
255 - ">
256 - <div class="arsn-area-head">
257 - <div class="arsn-area-label" style="background:#fde5da;color:#7a432d;">PLAN &amp; ORGANISE</div>
258 - <h4>Define what the project needs and how it will be organised</h4>
259 - <p>
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;">
260 260   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
261 261   and the basic data-management approach before active work begins.
262 262   </p>
263 263   </div>
264 264  
265 - <div class="arsn-area-body">
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;">
269 - Project Planning &amp; Organisation
270 - </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>
271 271  
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;">
275 - Funding &amp; Funder Requirements
276 - </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>
277 277  
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;">
281 - Identify Your Data &amp; Research Outputs
282 - </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>
283 283  
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;">
287 - Plan Your Data Management
288 - </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>
289 289  
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;">
293 - File Organisation &amp; Naming
294 - </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>
295 295   </div>
296 296   </section>
297 297  
298 298   <!-- PROTECT & CLARIFY -->
299 - <section class="arsn-area" style="
300 - background:#fff9e9;
301 - border:1px solid #f0dfb3;
302 - border-top:5px solid #f0aa00;
303 - ">
304 - <div class="arsn-area-head">
305 - <div class="arsn-area-label" style="background:#ffefc4;color:#785d1f;">PROTECT &amp; CLARIFY</div>
306 - <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
307 - <p>
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;">
308 308   Identify legal, ethical or data-protection issues early enough to obtain permissions,
309 309   make agreements and avoid unnecessary restrictions later.
310 310   </p>
311 311   </div>
312 312  
313 - <div class="arsn-area-body">
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;">
317 - Copyright, Rights &amp; Licences
318 - </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>
319 319  
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;">
323 - Data Protection &amp; Ethics
324 - </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>
325 325   </div>
326 326   </section>
327 327  
328 328   <!-- INFRASTRUCTURE -->
329 - <section class="arsn-area" style="
330 - background:#f1f9f3;
331 - border:1px solid #d1e8d7;
332 - border-top:5px solid #38b76a;
333 - ">
334 - <div class="arsn-area-head">
335 - <div class="arsn-area-label" style="background:#dff2e4;color:#3f6d4b;">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
336 - <h4>Create a working environment the project can actually use</h4>
337 - <p>
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;">
338 338   Decide where project materials live, how they are backed up and protected,
339 339   which tools are appropriate and how access and collaboration will work.
340 340   </p>
341 341   </div>
342 342  
343 - <div class="arsn-area-body">
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;">
347 - Storage, Backup &amp; Security
348 - </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>
349 349  
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;">
353 - Infrastructure, Services &amp; Tools
354 - </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>
355 355  
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;">
359 - Collaboration Setup
360 - </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>
361 361   </div>
362 362   </section>
363 363  
... ... @@ -364,65 +364,46 @@
364 364   </div>
365 365  
366 366   <!-- NEXT PHASE -->
367 - <section class="arsn-card" style="
368 - margin:0 0 27px 0;
369 - padding:18px 20px;
370 - background:#fff2eb;
371 - border:1px solid #f0d7ca;
372 - border-left:5px solid #e94b13;
373 - ">
374 - <div class="arsn-eyebrow" style="color:#80513d;margin-bottom:5px;">NEXT PHASE</div>
375 - <h3 style="font-size:21px;margin:0 0 7px 0;color:#43332d;">Continue in Work &amp; Manage</h3>
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>
376 376  
377 - <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;">
378 378   The setup decisions made here should guide the project, but they are not fixed forever.
379 379   During active project work, organise, document, secure and review how the project is actually working.
380 380   </p>
381 381  
382 - <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
383 - class="btn btn-default"
384 - style="background:#fff;border-color:#e4cabc;color:#493a34;">
385 - Continue to Work &amp; Manage
386 - </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>
387 387   </section>
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>
392 - <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
393 - <p style="margin:0;color:#6a655e;">
394 - Use concise guides when you need a reference, a procedure or something you can apply directly.
395 - </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>
396 396   </div>
397 397  
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>
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>
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>
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>
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>
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>
412 412   </div>
413 413   </div>
414 414  
415 415   <!-- HELP -->
416 - <aside style="
417 - margin:0 0 14px 0;
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;">Need help?</strong>
425 - <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;">
426 426   Not sure which requirements, services or next steps apply to your project?
427 427   Contact Art &amp; Research Services for project-specific support.
428 428   </div>
... ... @@ -429,15 +429,9 @@
429 429   </aside>
430 430  
431 431   <!-- RULE OF THUMB -->
432 - <aside style="
433 - padding:16px 18px;
434 - border:1px solid #f0dfb3;
435 - border-left:5px solid #f0aa00;
436 - background:#fff8e8;
437 - border-radius:8px;
438 - ">
439 - <strong style="color:#71581f;">A useful rule of thumb</strong>
440 - <div style="margin-top:5px;color:#665b43;line-height:1.5;">
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;">
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>
... ... @@ -445,3 +445,4 @@
445 445  
446 446  </div>
447 447  {{/html}}
228 +