Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 25.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 13:09
Change comment: There is no comment for this version
To version 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,132 +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-left: 3px solid #e94b13;
81 - border-radius: 6px;
82 - background: #fffdf9;
83 - color: #252321;
84 - text-decoration: none;
85 - font-weight: 600;
86 - transition: transform .08s ease, box-shadow .08s ease, background .08s ease;
87 - }
88 -
89 - .arsn-topic:hover,
90 - .arsn-topic:focus {
91 - background: #fff7f1;
92 - text-decoration: none;
93 - transform: translateY(-1px);
94 - box-shadow: 0 2px 5px rgba(0,0,0,.06);
95 - }
96 -
97 - .arsn-resource-grid {
98 - display: grid;
99 - grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
100 - gap: 12px;
101 - }
102 -
103 - @media (max-width: 700px) {
104 - .arsn-phase-grid,
105 - .arsn-focus-grid {
106 - grid-template-columns: 1fr !important;
107 - }
108 - }
109 -</style>
110 -
111 -<div class="arsn-enable">
112 -
113 - <!-- HERO: IVORY + ORANGE LEITAKZENT -->
114 - <section class="arsn-card" style="
115 - margin:0 0 18px 0;
116 - padding:20px 22px 21px 22px;
117 - border:1px solid #e3ded6;
118 - border-left:6px solid #e94b13;
119 - background:#fcfbf8;
120 - ">
121 - <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;">
122 122   PROJECT PHASE 1 · ENABLE
123 123   </div>
124 124  
125 - <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;">
126 126   I develop my project idea — I plan, fund &amp; set up my project
127 127   </h2>
128 128  
129 - <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;">
130 130   Before active project work begins, clarify how the project will be organised, funded and supported,
131 131   what materials and research outputs are expected, and how rights, responsibilities, infrastructure
132 132   and data management will be handled from the start.
... ... @@ -133,67 +133,34 @@
133 133   </p>
134 134   </section>
135 135  
136 - <!-- PHASE ORIENTATION: INFOBLUE + IVORY + ORANGE ACTIVE MARKER -->
137 - <section class="arsn-phase-grid" style="
138 - display:grid;
139 - grid-template-columns:repeat(3,minmax(210px,1fr));
140 - gap:10px;
141 - margin:0 0 26px 0;
142 - ">
143 - <div style="
144 - padding:12px 14px;
145 - border-radius:8px;
146 - background:#eaf6f9;
147 - border:1px solid #cfe8ef;
148 - border-top:4px solid #e94b13;
149 - ">
150 - <div class="arsn-eyebrow" style="font-size:11px;color:#3f6871;">1 · ENABLE</div>
151 - <div style="margin-top:4px;font-weight:700;color:#2f4e56;">Plan &amp; set up</div>
21 + <!-- PHASE ORIENTATION -->
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>
152 152   </div>
153 153  
154 - <div style="
155 - padding:12px 14px;
156 - border-radius:8px;
157 - background:#fcfbf8;
158 - border:1px solid #e3ded6;
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 - ">
170 - <div class="arsn-eyebrow" style="font-size:11px;color:#77716a;">3 · PUBLISH &amp; SHARE</div>
171 - <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>
172 172   </div>
173 173   </section>
174 174  
175 - <!-- FOCUS NOW: INFOBLUE -->
176 - <section class="arsn-card" style="
177 - margin:0 0 29px 0;
178 - padding:19px 21px;
179 - background:#eaf6f9;
180 - border:1px solid #cfe8ef;
181 - border-left:5px solid #21b6d7;
182 - ">
183 - <div class="arsn-eyebrow" style="color:#3f6871;margin-bottom:5px;">RIGHT NOW</div>
184 - <h3 style="font-size:22px;margin:0 0 8px 0;color:#2f4e56;">What should I be focusing on now?</h3>
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>
185 185  
186 - <p style="margin:0 0 15px 0;color:#49636a;">
43 + <p style="margin:0 0 14px 0;color:#6a655e;">
187 187   You do not need every detail fixed before you start. You do need enough shared decisions
188 188   to make the project workable, responsible and easy to continue.
189 189   </p>
190 190  
191 - <div class="arsn-focus-grid" style="
192 - display:grid;
193 - grid-template-columns:repeat(2,minmax(310px,1fr));
194 - gap:8px 26px;
195 - color:#364b50;
196 - ">
48 + <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px 24px;color:#3f3b37;">
197 197   <div>• What is the scope of the project, and who is responsible for which tasks and decisions?</div>
198 198   <div>• Which funding opportunities and funder requirements apply?</div>
199 199   <div>• What data, materials, documentation and artistic or research outputs will be created, collected or reused?</div>
... ... @@ -209,207 +209,163 @@
209 209   </div>
210 210   </section>
211 211  
212 - <!-- AREA INTRO -->
213 - <div style="margin:0 0 15px 0;">
214 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">EXPLORE THIS PHASE</div>
215 - <h3 style="font-size:24px;margin:0 0 5px 0;color:#35312d;">Four areas to get your project ready</h3>
216 - <p style="margin:0;color:#6a655e;">
217 - Start with the area that matches what you need to decide or set up now.
218 - </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>
219 219   </div>
220 220  
221 - <!-- FOUR AREAS: IVORY + ORANGE AKZENT -->
222 - <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;">
223 223  
224 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
225 - <div class="arsn-area-head">
226 - <div class="arsn-area-label">START HERE</div>
227 - <h4>Orient yourself and choose the right level of setup</h4>
228 - <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;">
229 229   Use these pages if you are just starting out, unsure which topics apply,
230 230   or need a practical minimum setup for a smaller project.
231 231   </p>
232 232   </div>
233 233  
234 - <div class="arsn-area-body">
235 - <a class="arsn-topic"
236 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Get%20Started/">
237 - Get Started
238 - </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>
239 239  
240 - <a class="arsn-topic"
241 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/">
242 - Quick Start for Small Projects
243 - </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>
244 244   </div>
245 245   </section>
246 246  
247 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
248 - <div class="arsn-area-head">
249 - <div class="arsn-area-label">PLAN &amp; ORGANISE</div>
250 - <h4>Define what the project needs and how it will be organised</h4>
251 - <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;">
252 252   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
253 253   and the basic data-management approach before active work begins.
254 254   </p>
255 255   </div>
256 256  
257 - <div class="arsn-area-body">
258 - <a class="arsn-topic"
259 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">
260 - Project Planning &amp; Organisation
261 - </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>
262 262  
263 - <a class="arsn-topic"
264 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">
265 - Funding &amp; Funder Requirements
266 - </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>
267 267  
268 - <a class="arsn-topic"
269 - 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/">
270 - Identify Your Data &amp; Research Outputs
271 - </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>
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/Plan%20Your%20Data%20Management/">
275 - Plan Your Data Management
276 - </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>
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/File%20Organisation%20%26%20Naming/">
280 - File Organisation &amp; Naming
281 - </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>
282 282   </div>
283 283   </section>
284 284  
285 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
286 - <div class="arsn-area-head">
287 - <div class="arsn-area-label">PROTECT &amp; CLARIFY</div>
288 - <h4>Clarify rights, permissions, protection needs and responsibilities</h4>
289 - <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;">
290 290   Identify legal, ethical or data-protection issues early enough to obtain permissions,
291 291   make agreements and avoid unnecessary restrictions later.
292 292   </p>
293 293   </div>
294 294  
295 - <div class="arsn-area-body">
296 - <a class="arsn-topic"
297 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/">
298 - Copyright, Rights &amp; Licences
299 - </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>
300 300  
301 - <a class="arsn-topic"
302 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">
303 - Data Protection &amp; Ethics
304 - </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>
305 305   </div>
306 306   </section>
307 307  
308 - <section class="arsn-area" style="border-top:4px solid #e94b13;">
309 - <div class="arsn-area-head">
310 - <div class="arsn-area-label">SET UP INFRASTRUCTURE &amp; COLLABORATION</div>
311 - <h4>Create a working environment the project can actually use</h4>
312 - <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;">
313 313   Decide where project materials live, how they are backed up and protected,
314 314   which tools are appropriate and how access and collaboration will work.
315 315   </p>
316 316   </div>
317 317  
318 - <div class="arsn-area-body">
319 - <a class="arsn-topic"
320 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/">
321 - Storage, Backup &amp; Security
322 - </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>
323 323  
324 - <a class="arsn-topic"
325 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/">
326 - Infrastructure, Services &amp; Tools
327 - </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>
328 328  
329 - <a class="arsn-topic"
330 - href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">
331 - Collaboration Setup
332 - </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>
333 333   </div>
334 334   </section>
335 335  
336 336   </div>
337 337  
338 - <!-- NEXT PHASE: IVORY + ORANGE LEITAKZENT -->
339 - <section class="arsn-card" style="
340 - margin:0 0 27px 0;
341 - padding:18px 20px;
342 - background:#fcfbf8;
343 - border:1px solid #e3ded6;
344 - border-left:5px solid #e94b13;
345 - ">
346 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">NEXT PHASE</div>
347 - <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>
348 348  
349 - <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;">
350 350   The setup decisions made here should guide the project, but they are not fixed forever.
351 351   During active project work, organise, document, secure and review how the project is actually working.
352 352   </p>
353 353  
354 - <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/"
355 - class="btn btn-default"
356 - style="background:#fff7f1;border-color:#e4cabc;color:#493a34;">
357 - Continue to Work &amp; Manage
358 - </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>
359 359   </section>
360 360  
361 - <!-- PRACTICAL RESOURCES: IVORY + ORANGE LEITAKZENT -->
185 + <!-- PRACTICAL RESOURCES -->
362 362   <div style="margin:0 0 13px 0;">
363 - <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">USEFUL MATERIALS</div>
364 - <h3 style="font-size:22px;margin:0 0 4px 0;color:#35312d;">Practical resources</h3>
365 - <p style="margin:0;color:#6a655e;">
366 - Use concise guides when you need a reference, a procedure or something you can apply directly.
367 - </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>
368 368   </div>
369 369  
370 - <div class="arsn-resource-grid" style="margin-bottom:27px;">
371 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
372 - <strong style="color:#503a31;">Info Sheets</strong>
373 - <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>
374 374   </div>
375 375  
376 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
377 - <strong style="color:#503a31;">Tutorials</strong>
378 - <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>
379 379   </div>
380 380  
381 - <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;">
382 - <strong style="color:#503a31;">Checklists &amp; Templates</strong>
383 - <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>
384 384   </div>
385 385   </div>
386 386  
387 - <!-- HELP: INFOBLUE BEWUSST BEIBEHALTEN -->
388 - <aside style="
389 - margin:0 0 14px 0;
390 - padding:16px 18px;
391 - border:1px solid #c7e5ed;
392 - border-left:5px solid #21b6d7;
393 - background:#e5f5f9;
394 - border-radius:8px;
395 - ">
396 - <strong style="color:#2d5661;">Need help?</strong>
397 - <div style="margin-top:5px;color:#365e68;line-height:1.5;">
208 + <!-- HELP -->
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;">
398 398   Not sure which requirements, services or next steps apply to your project?
399 399   Contact Art &amp; Research Services for project-specific support.
400 400   </div>
401 401   </aside>
402 402  
403 - <!-- RULE OF THUMB: IVORY + ORANGE -->
404 - <aside style="
405 - padding:16px 18px;
406 - border:1px solid #e3ded6;
407 - border-left:5px solid #e94b13;
408 - background:#fcfbf8;
409 - border-radius:8px;
410 - ">
411 - <strong style="color:#744531;">A useful rule of thumb</strong>
412 - <div style="margin-top:5px;color:#67564e;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;">
413 413   Plan early, document decisions, and review them as the project changes.
414 414   A simple setup that is actually used is usually more effective than a complex plan that is never updated.
415 415   </div>
... ... @@ -417,3 +417,4 @@
417 417  
418 418  </div>
419 419  {{/html}}
228 +