Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 22.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 12:56
Change comment: There is no comment for this version
To version 26.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 13:11
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,17 +1,131 @@
1 1  {{html clean="false"}}
2 -<div style="max-width:1400px;margin:0 auto;">
2 +<style>
3 + .arsn-enable {
4 + max-width: 1400px;
5 + margin: 0 auto;
6 + color: #322f2b;
7 + }
3 3  
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;">
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;">
7 7   PROJECT PHASE 1 · ENABLE
8 8   </div>
9 9  
10 - <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px 0;color:#2f2b27;">
124 + <h2 style="font-size:28px;line-height:1.18;margin:0 0 9px 0;color:#2c2926;">
11 11   I develop my project idea — I plan, fund &amp; set up my project
12 12   </h2>
13 13  
14 - <p style="font-size:15px;line-height:1.55;color:#625d56;max-width:1050px;margin:0;">
128 + <p style="font-size:15px;line-height:1.58;color:#5e5953;max-width:1080px;margin:0;">
15 15   Before active project work begins, clarify how the project will be organised, funded and supported,
16 16   what materials and research outputs are expected, and how rights, responsibilities, infrastructure
17 17   and data management will be handled from the start.
... ... @@ -19,33 +19,68 @@
19 19   </section>
20 20  
21 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>
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>
26 26   </div>
27 27  
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>
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>
31 31   </div>
32 32  
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>
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>
36 36   </div>
37 37   </section>
38 38  
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>
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>
42 42  
43 - <p style="margin:0 0 14px 0;color:#6a655e;">
187 + <p style="margin:0 0 15px 0;color:#49636a;">
44 44   You do not need every detail fixed before you start. You do need enough shared decisions
45 45   to make the project workable, responsible and easy to continue.
46 46   </p>
47 47  
48 - <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px 24px;color:#3f3b37;">
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 + ">
49 49   <div>• What is the scope of the project, and who is responsible for which tasks and decisions?</div>
50 50   <div>• Which funding opportunities and funder requirements apply?</div>
51 51   <div>• What data, materials, documentation and artistic or research outputs will be created, collected or reused?</div>
... ... @@ -61,154 +61,204 @@
61 61   </div>
62 62   </section>
63 63  
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>
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>
68 68   </div>
69 69  
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;">
222 + <!-- FOUR AREAS -->
223 + <div class="arsn-area-grid" style="margin-bottom:30px;">
72 72  
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;">
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>
80 80   Use these pages if you are just starting out, unsure which topics apply,
81 81   or need a practical minimum setup for a smaller project.
82 82   </p>
83 83   </div>
84 84  
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>
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>
88 88  
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>
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>
91 91   </div>
92 92   </section>
93 93  
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;">
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>
101 101   Clarify scope, responsibilities, funding conditions, expected materials and outputs,
102 102   and the basic data-management approach before active work begins.
103 103   </p>
104 104   </div>
105 105  
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>
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>
109 109  
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 + <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>
112 112  
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>
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>
115 115  
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>
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>
118 118  
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>
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>
121 121   </div>
122 122   </section>
123 123  
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;">
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>
131 131   Identify legal, ethical or data-protection issues early enough to obtain permissions,
132 132   make agreements and avoid unnecessary restrictions later.
133 133   </p>
134 134   </div>
135 135  
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>
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>
139 139  
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>
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>
142 142   </div>
143 143   </section>
144 144  
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;">
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>
152 152   Decide where project materials live, how they are backed up and protected,
153 153   which tools are appropriate and how access and collaboration will work.
154 154   </p>
155 155   </div>
156 156  
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>
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>
160 160  
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>
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>
163 163  
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>
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>
166 166   </div>
167 167   </section>
168 168  
169 169   </div>
170 170  
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>
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>
174 174  
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;">
362 + <p style="margin:0 0 13px 0;color:#68564e;line-height:1.5;">
178 178   The setup decisions made here should guide the project, but they are not fixed forever.
179 179   During active project work, organise, document, secure and review how the project is actually working.
180 180   </p>
181 181  
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>
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>
183 183   </section>
184 184  
185 185   <!-- PRACTICAL RESOURCES -->
186 186   <div style="margin:0 0 13px 0;">
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>
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>
189 189   </div>
190 190  
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>
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>
195 195   </div>
196 196  
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>
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>
200 200   </div>
201 201  
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>
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>
205 205   </div>
206 206   </div>
207 207  
208 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;">
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;">
212 212   Not sure which requirements, services or next steps apply to your project?
213 213   Contact Art &amp; Research Services for project-specific support.
214 214   </div>
... ... @@ -215,9 +215,15 @@
215 215   </aside>
216 216  
217 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;">
417 + <aside style="
418 + padding:16px 18px;
419 + border:1px solid #e3ded6;
420 + border-left:5px solid #e94b13;
421 + background:#fcfbf8;
422 + border-radius:8px;
423 + ">
424 + <strong style="color:#744531;">A useful rule of thumb</strong>
425 + <div style="margin-top:5px;color:#67564e;line-height:1.5;">
221 221   Plan early, document decisions, and review them as the project changes.
222 222   A simple setup that is actually used is usually more effective than a complex plan that is never updated.
223 223   </div>
... ... @@ -225,4 +225,3 @@
225 225  
226 226  </div>
227 227  {{/html}}
228 -