Skip to Content

Changes for page Service Navigator

Last modified by Veronika Kocher on Thursday, 03 Sep 2026 14:15
From version 16.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 10:44
Change comment: There is no comment for this version
To version 22.17
edited by Veronika Kocher
on Thursday, 03 Sep 2026 14:15
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,577 +1,1688 @@
1 -Artistic and administrative services at the University support many different needs — from research projects and teaching to employment, IT, rooms, procurement, legal questions, international mobility and library services.
1 +{{html}}
2 +<div style="max-width:1400px;margin:0 auto;">
2 2  
3 -The **Service Navigator** is organised around what you need to do, not around the university's organisational chart. Some services therefore appear in more than one context where this helps people find the right support.
4 + <p style="margin:0 0 8px 0;">
5 + Artistic and administrative services at the University support many different needs — from research projects and teaching to employment, IT, rooms, procurement, legal questions, international mobility and library services.
6 + </p>
4 4  
5 -(% style="margin:20px 0 28px 0;" %)
6 -(((
7 -{{box title="Find a service"}}
8 -Search by task, topic or question — for example //room, invoice, disability, DOI, event, employment, data protection// or //library//.
8 + <p style="margin:0 0 22px 0;">
9 + The <strong>Service Navigator</strong> is organised around what you need to do, not around the university's organisational chart.
10 + </p>
9 9  
10 -{{html}}
11 -<form action="https://xwiki.uni-ak.ac.at/bin/view/Main/SolrSearch" method="get" role="search" style="margin:0;">
12 - <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
13 - <label for="service-navigator-search" style="position:absolute;left:-10000px;">Search services</label>
14 - <input
15 - id="service-navigator-search"
16 - name="text"
17 - type="search"
18 - placeholder="What do you need help with?"
19 - autocomplete="off"
20 - style="flex:1 1 520px;min-width:260px;padding:11px 13px;border:1px solid #bbb;border-radius:6px;font-size:16px;"
21 - />
22 - <button type="submit" class="btn btn-primary" style="padding:11px 22px;">Search</button>
12 + <section style="margin:0 0 28px 0;padding:16px 18px;border:1px solid #e3ded6;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);">
13 + <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Find a service</h2>
14 + <p style="margin:0 0 12px 0;color:#6a655e;">
15 + Search by task, topic or question — for example <em>room, invoice, disability, DOI, event, employment, data protection</em> or <em>library</em>.
16 + </p>
17 +
18 + <form action="https://xwiki.uni-ak.ac.at/bin/view/Main/SolrSearch" method="get" role="search" style="margin:0;">
19 + <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
20 + <label for="service-navigator-search" style="position:absolute;left:-10000px;">Search services</label>
21 + <input
22 + id="service-navigator-search"
23 + name="text"
24 + type="search"
25 + placeholder="What do you need help with?"
26 + autocomplete="off"
27 + style="flex:1 1 520px;min-width:260px;padding:11px 13px;border:1px solid #cfc8bd;border-radius:6px;background:#fffdf9;font-size:16px;"
28 + />
29 + <button type="submit" class="btn btn-primary" style="padding:11px 22px;">Search</button>
30 + </div>
31 + </form>
32 + </section>
33 +
34 + <h2 style="font-size:24px;margin:0 0 16px 0;color:#35312d;">Find services by what you need to do</h2>
35 +
36 + <div style="
37 + display:grid;
38 + grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
39 + gap:18px;
40 + align-items:stretch;
41 + ">
42 +
43 + <!-- 1. PEOPLE, EQUALITY, HEALTH & WORK -->
44 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #f0aa00;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
45 + <div style="padding:18px 18px 14px 18px;flex:1;">
46 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">PEOPLE &amp; WORK</div>
47 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">People, Equality, Health &amp; Work</h3>
48 + <p style="color:#6a655e;margin:0 0 14px 0;">Employment, equality, diversity, disability, accessibility and health.</p>
49 +
50 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
51 + <ul style="margin:0 0 14px 18px;padding:0;">
52 + <li>ask about employment, working conditions or labour law</li>
53 + <li>get support concerning discrimination, equality or diversity</li>
54 + <li>address disability, accessibility or health at work</li>
55 + </ul>
56 +
57 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
58 + HR · staff development · equal treatment · diversity · disability · accessibility · health · labour law
59 + </div>
60 + </div>
61 + <div style="padding:0 18px 18px 18px;">
62 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore People &amp; Work</span>
63 + </div>
64 + </section>
65 +
66 + <!-- 2. IT & DIGITAL SERVICES -->
67 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #38b76a;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
68 + <div style="padding:18px 18px 14px 18px;flex:1;">
69 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">IT &amp; DIGITAL</div>
70 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">IT &amp; Digital Services</h3>
71 + <p style="color:#6a655e;margin:0 0 14px 0;">Accounts, systems, software, digital infrastructure and IT support.</p>
72 +
73 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
74 + <ul style="margin:0 0 14px 18px;padding:0;">
75 + <li>access an account, system or digital service</li>
76 + <li>solve an IT problem</li>
77 + <li>plan or coordinate a digital or IT project</li>
78 + </ul>
79 +
80 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
81 + Accounts · IT support · software · digital tools · infrastructure · IT project coordination
82 + </div>
83 + </div>
84 + <div style="padding:0 18px 18px 18px;">
85 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore IT &amp; Digital Services</span>
86 + </div>
87 + </section>
88 +
89 + <!-- 3. ROOMS, BUILDINGS & CAMPUS -->
90 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #38b76a;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
91 + <div style="padding:18px 18px 14px 18px;flex:1;">
92 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">CAMPUS</div>
93 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Rooms, Buildings &amp; Campus</h3>
94 + <p style="color:#6a655e;margin:0 0 14px 0;">Rooms, buildings, facilities, campus use and operational support.</p>
95 +
96 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
97 + <ul style="margin:0 0 14px 18px;padding:0;">
98 + <li>book or use a room</li>
99 + <li>report a building, equipment or safety issue</li>
100 + <li>find information about campus facilities or house rules</li>
101 + </ul>
102 +
103 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
104 + Facility management · estates · room coordination · building services · safety · house rules · campus operations
105 + </div>
106 + </div>
107 + <div style="padding:0 18px 18px 18px;">
108 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore Rooms &amp; Campus</span>
109 + </div>
110 + </section>
111 +
112 + <!-- 4. ART & RESEARCH SERVICES -->
113 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #21b6d7;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
114 + <div style="padding:18px 18px 14px 18px;flex:1;">
115 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">ART &amp; RESEARCH</div>
116 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Art &amp; Research Services</h3>
117 + <p style="color:#6a655e;margin:0 0 8px 0;">Cross-unit guidance for planning, managing, publishing, sharing and preserving artistic and research projects.</p>
118 + <!-- ARSN_ROOT_SCOPE_ROUTING_V1 -->
119 + <div style="font-size:12px;color:#506168;line-height:1.45;margin:0 0 14px 0;padding:7px 9px;background:#eef7f9;border-radius:5px;"><strong>Central project &amp; funding hub:</strong> Support Kunst und Forschung · specialist responsibilities remain with the relevant service units.</div>
120 +
121 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
122 + <ul style="margin:0 0 14px 18px;padding:0;">
123 + <li>develop or plan an artistic or research project</li>
124 + <li>manage research data, documentation or collaboration</li>
125 + <li>publish, cite, share or preserve outputs</li>
126 + </ul>
127 +
128 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
129 + Research projects · research data management · rights &amp; ethics · repositories · publication · preservation
130 + </div>
131 + </div>
132 + <div style="padding:0 18px 18px 18px;">
133 + <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/" class="btn btn-primary btn-block">Explore Art &amp; Research Services</a>
134 + </div>
135 + </section>
136 +
137 + <!-- 5. STUDY, TEACHING & CURRICULUM -->
138 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #21b6d7;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
139 + <div style="padding:18px 18px 14px 18px;flex:1;">
140 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">STUDY &amp; TEACHING</div>
141 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Study, Teaching &amp; Curriculum</h3>
142 + <p style="color:#6a655e;margin:0 0 14px 0;">Support for studying, teaching, curricula and the learning environment.</p>
143 +
144 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
145 + <ul style="margin:0 0 14px 18px;padding:0;">
146 + <li>clarify a study-related question</li>
147 + <li>develop or change teaching or curricula</li>
148 + <li>find support for final projects or accessibility in study</li>
149 + </ul>
150 +
151 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
152 + Student affairs · teaching quality · curriculum development · final projects · student workspace
153 + </div>
154 + </div>
155 + <div style="padding:0 18px 18px 18px;">
156 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore Study &amp; Teaching</span>
157 + </div>
158 + </section>
159 +
160 +<!-- 6. RESEARCH & DISCOVERY RESOURCES -->
161 + <section style="display:flex;flex-direction:column;min-height:340px;border:1px solid #e3ded6;border-left:6px solid #21b6d7;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
162 + <div style="padding:18px 18px 14px 18px;flex:1;">
163 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">FIND · SEARCH · DISCOVER</div>
164 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Research &amp; Discovery Resources</h3>
165 + <p style="color:#6a655e;margin:0 0 14px 0;">Find literature, databases, archives, collections, repositories and specialist research resources across the University.</p>
166 +
167 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
168 + <ul style="margin:0 0 14px 18px;padding:0;">
169 + <li>find literature, media, databases or digital resources</li>
170 + <li>research archival, artistic or institutional collections</li>
171 + <li>discover repositories, specialist archives and research databases</li>
172 + </ul>
173 +
174 + <div style="font-size:12px;color:#6a655e;line-height:1.5;">
175 + University Library &amp; supA · licensed databases · University Archive &amp; Art Collection · online collection databases · Oskar Kokoschka Centre · Viktor J. Papanek Foundation · Venedig Biennale Archiv Austria · Weibel Institute &amp; Peter Weibel Archive · Ursula Blickle Video Archive · Angewandte Repository
176 + </div>
177 + </div>
178 + <div style="padding:0 18px 18px 18px;">
179 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore Research &amp; Discovery</span>
180 + </div>
181 + </section>
182 +
183 + <!-- 7. PURCHASING, FINANCE & LOGISTICS -->
184 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #38b76a;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
185 + <div style="padding:18px 18px 14px 18px;flex:1;">
186 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">PURCHASE &amp; MOVE</div>
187 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Purchasing, Finance &amp; Logistics</h3>
188 + <p style="color:#6a655e;margin:0 0 14px 0;">Buy, pay, budget, send, transport and move things.</p>
189 +
190 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
191 + <ul style="margin:0 0 14px 18px;padding:0;">
192 + <li>purchase materials or services</li>
193 + <li>clarify an invoice, budget or financial process</li>
194 + <li>send, transport or move items</li>
195 + </ul>
196 +
197 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
198 + Procurement · controlling · accounting · resource planning · mail &amp; logistics · transport · relocations
199 + </div>
200 + </div>
201 + <div style="padding:0 18px 18px 18px;">
202 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore Finance &amp; Logistics</span>
203 + </div>
204 + </section>
205 +
206 + <!-- 8. LEGAL, DATA PROTECTION & GOVERNANCE -->
207 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #f0aa00;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
208 + <div style="padding:18px 18px 14px 18px;flex:1;">
209 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">RIGHTS &amp; RULES</div>
210 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Legal, Data Protection &amp; Governance</h3>
211 + <p style="color:#6a655e;margin:0 0 14px 0;">Legal questions, privacy, information rights and institutional rules.</p>
212 +
213 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
214 + <ul style="margin:0 0 14px 18px;padding:0;">
215 + <li>clarify a legal or contractual question</li>
216 + <li>deal with personal data or privacy</li>
217 + <li>understand an institutional rule or information-access requirement</li>
218 + </ul>
219 +
220 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
221 + Legal affairs · data protection · freedom of information · governance · institutional rules
222 + </div>
223 + </div>
224 + <div style="padding:0 18px 18px 18px;">
225 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore Legal &amp; Governance</span>
226 + </div>
227 + </section>
228 +
229 + <!-- 9. COMMUNICATION, MEDIA & EVENTS -->
230 + <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #e3ded6;border-left:6px solid #e94b13;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
231 + <div style="padding:18px 18px 14px 18px;flex:1;">
232 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">COMMUNICATE &amp; ORGANISE</div>
233 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Communication, Media &amp; Events</h3>
234 + <p style="color:#6a655e;margin:0 0 14px 0;">Communicate, publish, print, promote and organise events.</p>
235 +
236 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
237 + <ul style="margin:0 0 14px 18px;padding:0;">
238 + <li>communicate or publicise something</li>
239 + <li>produce a publication, flyer or printed material</li>
240 + <li>organise or support an event</li>
241 + </ul>
242 +
243 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
244 + Press &amp; communications · publications · print materials · event management · Open House · festival
245 + </div>
246 + </div>
247 + <div style="padding:0 18px 18px 18px;">
248 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore Communication &amp; Events</span>
249 + </div>
250 + </section>
251 +
252 + <!-- 10. INTERNATIONAL OFFICE -->
253 + <section style="display:flex;flex-direction:column;min-height:300px;border:1px solid #e3ded6;border-left:6px solid #21b6d7;border-radius:12px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);overflow:hidden;">
254 + <div style="padding:18px 18px 14px 18px;flex:1;">
255 + <div style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:.065em;color:#4f4a44;margin-bottom:8px;padding:4px 7px;background:#f3efe8;border-radius:4px;">GO INTERNATIONAL</div>
256 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">International Office</h3>
257 + <p style="color:#6a655e;margin:0 0 14px 0;">International mobility, exchange and international support.</p>
258 +
259 + <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
260 + <ul style="margin:0 0 14px 18px;padding:0;">
261 + <li>plan an international stay or exchange</li>
262 + <li>ask about mobility opportunities</li>
263 + <li>find support for an international context</li>
264 + </ul>
265 +
266 + <div style="font-size:12px;color:#6a655e;line-height:1.45;">
267 + Mobility · exchange · international cooperation · international support
268 + </div>
269 + </div>
270 + <div style="padding:0 18px 18px 18px;">
271 + <span class="btn btn-default btn-block disabled" style="background:#f4f0e9;border-color:#d8d1c7;color:#6b655d;" aria-disabled="true">Explore International Office</span>
272 + </div>
273 + </section>
274 +
275 +
23 23   </div>
24 -</form>
277 +
278 + <aside style="margin-top:26px;padding:14px 16px;border:1px solid #cfe8ef;border-left:4px solid #21b6d7;background:#eaf6f9;border-radius:6px;">
279 + <strong>Not sure where to start?</strong>
280 + <div style="margin-top:4px;">
281 + Use the search at the top of the page or choose the card that best matches what you are trying to do. A service may deliberately appear in more than one area when this makes it easier to find.
282 + </div>
283 + </aside>
284 +
285 +</div>
25 25  {{/html}}
26 -{{/box}}
27 -)))
28 28  
29 -= Find services by what you need to do =
288 +{{html clean="false"}}
289 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
30 30  
31 -{{container layoutStyle="columns" justify="true"}}
291 +<style data-sn-service-navigator-master="1">
292 +/* =========================================================
293 + MASTER TYPOGRAPHY
294 + ========================================================= */
295 +#xwikicontent h1,
296 +#xwikicontent h2,
297 +#xwikicontent h3,
298 +#xwikicontent h4,
299 +#xwikicontent h5,
300 +#xwikicontent h6,
301 +#xwikicontent .box-title,
302 +#xwikicontent [role="heading"],
303 +#xwikicontent h1 a,
304 +#xwikicontent h2 a,
305 +#xwikicontent h3 a,
306 +#xwikicontent h4 a,
307 +#xwikicontent h5 a,
308 +#xwikicontent h6 a,
309 +#xwikicontent .box-title a,
310 +#xwikicontent [role="heading"] a{
311 + text-align:left!important;
312 + text-justify:auto!important;
313 + word-spacing:normal!important;
314 +}
32 32  
33 -(((
34 -(% style="border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:340px;padding:18px;" %)
35 -(((
36 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
37 -1. Art & Research Services
316 +/* =========================================================
317 + COMING SOON / IN VORBEREITUNG
318 + ========================================================= */
319 +.sn-coming-soon-badge{
320 + display:inline-block;
321 + vertical-align:middle;
322 + margin-left:10px;
323 + padding:4px 8px;
324 + border-radius:14px;
325 + border:1px solid #efd9cc;
326 + background:#fff4ee;
327 + color:#8a4d36;
328 + font-size:11px;
329 + font-weight:700;
330 + letter-spacing:.055em;
331 + line-height:1.2;
332 + white-space:nowrap;
333 +}
38 38  
39 -(% style="color:#666;margin-bottom:14px;" %)
40 -Plan, manage, publish, share and preserve artistic and research projects.
335 +/* =========================================================
336 + NATIVE / DETAIL CALLOUT GEOMETRY
337 + Preserve existing backgrounds.
338 + ========================================================= */
339 +#xwikicontent .arsn-info,
340 +#xwikicontent .dmp-info,
341 +#xwikicontent .ido-info,
342 +#xwikicontent .pp-info,
343 +#xwikicontent .infomessage{
344 + box-sizing:border-box!important;
345 + border-left:4px solid #21b6d7!important;
346 + border-radius:8px;
347 + text-align:left!important;
348 + word-spacing:normal!important;
349 +}
41 41  
42 -**I need to…**
351 +#xwikicontent .arsn-warn,
352 +#xwikicontent .dmp-warn,
353 +#xwikicontent .ido-warn,
354 +#xwikicontent .pp-warn,
355 +#xwikicontent .warn,
356 +#xwikicontent .warning,
357 +#xwikicontent .warningmessage,
358 +#xwikicontent .errormessage{
359 + box-sizing:border-box!important;
360 + border-left:4px solid #e94b13!important;
361 + border-radius:8px;
362 + text-align:left!important;
363 + word-spacing:normal!important;
364 +}
43 43  
44 -* develop or plan a research / artistic research project
45 -* manage research data, documentation or collaboration
46 -* publish, cite, share or preserve outputs
366 +[data-sn-master-equal-height],
367 +[data-sn-master-first-row]{
368 + box-sizing:border-box;
369 +}
47 47  
48 -**Includes**
371 +/* =========================================================
372 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
373 + ========================================================= */
374 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
375 + display:grid!important;
376 + grid-template-columns:minmax(0,1fr)!important;
377 + grid-auto-rows:auto!important;
378 + width:100%!important;
379 + max-width:none!important;
380 + box-sizing:border-box!important;
381 + justify-items:start!important;
382 + align-items:start!important;
383 + gap:2px!important;
384 + text-align:left!important;
385 + text-align-last:left!important;
386 + text-justify:auto!important;
387 + word-spacing:normal!important;
388 + white-space:normal!important;
389 +}
390 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
391 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
392 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
393 + display:block!important;
394 + width:100%!important;
395 + margin:0!important;
396 + text-align:left!important;
397 + text-align-last:left!important;
398 + text-justify:auto!important;
399 + word-spacing:normal!important;
400 + white-space:normal!important;
401 +}
402 +</style>
49 49  
50 -Research projects · research data management · rights & ethics · repositories · publication · preservation
404 +<script data-sn-service-navigator-master="1">
405 +(function(){
406 + "use strict";
51 51  
52 -{{html}}
53 -<a href="#service-art-research" class="btn btn-default">Explore</a>
54 -<a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/" class="btn btn-primary">Open Art &amp; Research Services</a>
55 -{{/html}}
56 -)))
57 -)))
408 + var PAGE_KIND="overview";
409 + var PLACEHOLDER=false;
410 + var PLACEHOLDER_LABEL="COMING SOON";
58 58  
59 -(((
60 -(% style="border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:340px;padding:18px;" %)
61 -(((
62 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
63 -2. Study, Teaching & Curriculum
412 + var MOBILE_MAX=767;
413 + var ROW_TOLERANCE=6;
414 + var RESIZE_DEBOUNCE=220;
64 64  
65 -(% style="color:#666;margin-bottom:14px;" %)
66 -Find support for studying, teaching, curricula and the learning environment.
416 + var root=
417 + document.getElementById("xwikicontent")||
418 + document.querySelector(".xwiki-rendering-content")||
419 + document.querySelector("main")||
420 + document.body;
67 67  
68 -**I need to…**
422 + if(!root)return;
69 69  
70 -* clarify a study-related question
71 -* develop or change teaching / curricula
72 -* find support around final projects, student workspaces or accessibility in study
424 + var managedHeight=new Set();
425 + var managedMargin=new Set();
426 + var originalHeight=new WeakMap();
427 + var originalMargin=new WeakMap();
73 73  
74 -**Includes**
429 + var resizeTimer=0;
430 + var running=false;
75 75  
76 -Studienangelegenheiten · Qualitätskultur Lehre & Curricularwerkstatt · Angewandte Abschlussarbeiten · STAR
432 + var THEMES=[
433 + {
434 + name:"BLUE",
435 + accent:"#21b6d7",
436 + bg:"#eaf7fb",
437 + text:"#315d68",
438 + labels:[
439 + "HIER STARTEN",
440 + "ENTSCHEIDEN",
441 + "ÜBERPRÜFEN & ANPASSEN",
442 + "START HERE",
443 + "DECIDE",
444 + "REVIEW & ADAPT"
445 + ]
446 + },
447 + {
448 + name:"RED",
449 + accent:"#e94b13",
450 + bg:"#fff1ec",
451 + text:"#8a4d36",
452 + labels:[
453 + "PLANEN & ORGANISIEREN",
454 + "ORGANISIEREN & DOKUMENTIEREN",
455 + "PUBLIZIEREN & PRÄSENTIEREN",
456 + "PLAN & ORGANISE",
457 + "PLAN & ORGANIZE",
458 + "ORGANISE & DOCUMENT",
459 + "ORGANIZE & DOCUMENT",
460 + "PUBLISH & PRESENT"
461 + ]
462 + },
463 + {
464 + name:"YELLOW",
465 + accent:"#f0aa00",
466 + bg:"#fff8e7",
467 + text:"#785b17",
468 + labels:[
469 + "SCHÜTZEN & KLÄREN",
470 + "STANDARDISIEREN & IDENTIFIZIEREN",
471 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
472 + "PROTECT & CLARIFY",
473 + "STANDARDISE & IDENTIFY",
474 + "STANDARDIZE & IDENTIFY",
475 + "OPEN, REUSE & MAKE FINDABLE"
476 + ]
477 + },
478 + {
479 + name:"GREEN",
480 + accent:"#38b76a",
481 + bg:"#edf9f1",
482 + text:"#3f7451",
483 + labels:[
484 + "INFRASTRUKTUR EINRICHTEN",
485 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
486 + "SPEICHERN & ZUGRIFF STEUERN",
487 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
488 + "SET UP INFRASTRUCTURE",
489 + "SET UP INFRASTRUCTURE & COLLABORATION",
490 + "STORE & CONTROL ACCESS",
491 + "REPOSITORY, PRESERVE & HAND OVER"
492 + ]
493 + }
494 + ];
77 77  
78 -{{html}}
79 -<a href="#service-study-teaching" class="btn btn-default">Explore</a>
80 -{{/html}}
81 -)))
82 -)))
496 + function num(value){
497 + var n=parseFloat(value);
498 + return Number.isFinite(n)?n:0;
499 + }
83 83  
84 -{{/container}}
501 + function norm(value){
502 + return String(value||"")
503 + .replace(/\s+/g," ")
504 + .trim()
505 + .toUpperCase();
506 + }
85 85  
86 -{{container layoutStyle="columns" justify="true"}}
508 + function visible(el){
509 + if(!el||el.nodeType!==1)return false;
87 87  
88 -(((
89 -(% style="border:1px solid #d9d9d9;border-left:6px solid #f0aa00;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:370px;padding:18px;" %)
90 -(((
91 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
92 -3. People, Equality, Health & Work
511 + var style=getComputedStyle(el);
512 + var rect=el.getBoundingClientRect();
93 93  
94 -(% style="color:#666;margin-bottom:14px;" %)
95 -Support for employment, equal treatment, diversity, disability, accessibility and health.
514 + return (
515 + style.display!=="none"&&
516 + style.visibility!=="hidden"&&
517 + rect.width>20&&
518 + rect.height>4
519 + );
520 + }
96 96  
97 -**I need to…**
522 + function saveStyle(el,map,property){
523 + if(map.has(el))return;
98 98  
99 -* ask about employment, working conditions or labour law
100 -* get support concerning discrimination, equality or diversity
101 -* address disability, accessibility, accommodations or health at work
525 + map.set(el,{
526 + value:el.style.getPropertyValue(property),
527 + priority:el.style.getPropertyPriority(property)
528 + });
529 + }
102 102  
103 -**Includes**
531 + function restoreStyle(el,map,property){
532 + var original=map.get(el);
104 104  
105 -Personalmanagement · Personalentwicklung · Gleichbehandlung · Diversität · Behinderung & Barrierefreiheit · Gesundheit · Arbeitsrecht
534 + if(original&&original.value){
535 + el.style.setProperty(
536 + property,
537 + original.value,
538 + original.priority||""
539 + );
540 + }else{
541 + el.style.removeProperty(property);
542 + }
543 + }
106 106  
107 -{{html}}
108 -<a href="#service-people-work" class="btn btn-default">Explore</a>
109 -{{/html}}
110 -)))
111 -)))
545 + function resetRuntime(){
546 + managedHeight.forEach(function(el){
547 + restoreStyle(
548 + el,
549 + originalHeight,
550 + "min-height"
551 + );
552 + el.removeAttribute(
553 + "data-sn-master-equal-height"
554 + );
555 + });
112 112  
113 -(((
114 -(% style="border:1px solid #d9d9d9;border-left:6px solid #38b76a;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:370px;padding:18px;" %)
115 -(((
116 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
117 -4. IT & Digital Services
557 + managedMargin.forEach(function(el){
558 + restoreStyle(
559 + el,
560 + originalMargin,
561 + "margin-top"
562 + );
563 + el.removeAttribute(
564 + "data-sn-master-first-row"
565 + );
566 + });
118 118  
119 -(% style="color:#666;margin-bottom:14px;" %)
120 -Accounts, systems, software, digital infrastructure and IT support.
568 + managedHeight.clear();
569 + managedMargin.clear();
570 + }
121 121  
122 -**I need to…**
572 + function themeFor(text){
573 + var value=norm(text);
123 123  
124 -* access an account, system or digital service
125 -* solve an IT problem
126 -* plan or coordinate a digital / IT project
575 + for(var i=0;i<THEMES.length;i++){
576 + for(var j=0;j<THEMES[i].labels.length;j++){
577 + var label=THEMES[i].labels[j];
127 127  
128 -**Includes**
579 + if(
580 + value===label||
581 + value.indexOf(label+" ")===0||
582 + value.indexOf(label+" -")===0||
583 + value.indexOf(label+" ·")===0
584 + ){
585 + return THEMES[i];
586 + }
587 + }
588 + }
129 129  
130 -Base · ITD-Projektkoordination · Zentraler Informatikdienst · digital tools & infrastructure
590 + return null;
591 + }
131 131  
132 -{{html}}
133 -<a href="#service-it-digital" class="btn btn-default">Explore</a>
134 -{{/html}}
135 -)))
136 -)))
593 + /* =======================================================
594 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
595 + ======================================================= */
137 137  
138 -{{/container}}
597 + function colourDistance(a,b){
598 + return Math.sqrt(
599 + Math.pow(a[0]-b[0],2)+
600 + Math.pow(a[1]-b[1],2)+
601 + Math.pow(a[2]-b[2],2)
602 + );
603 + }
139 139  
140 -{{container layoutStyle="columns" justify="true"}}
605 + function makeFilledRedOrangeCTAsBorderless(){
606 + var RED_ORANGE=[233,75,19];
141 141  
142 -(((
143 -(% style="border:1px solid #d9d9d9;border-left:6px solid #38b76a;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:370px;padding:18px;" %)
144 -(((
145 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
146 -5. Rooms, Buildings & Campus
608 + Array.from(
609 + root.querySelectorAll(
610 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
611 + )
612 + ).forEach(function(el){
613 + if(!visible(el))return;
147 147  
148 -(% style="color:#666;margin-bottom:14px;" %)
149 -Rooms, buildings, facilities, campus use and operational support.
615 + var style=getComputedStyle(el);
616 + var rgb=parseRGB(style.backgroundColor);
150 150  
151 -**I need to…**
618 + if(!rgb)return;
152 152  
153 -* book or use a room
154 -* report a building, equipment or safety issue
155 -* find information about campus facilities or house rules
620 + if(
621 + colourDistance(
622 + rgb,
623 + RED_ORANGE
624 + )>55
625 + ){
626 + return;
627 + }
156 156  
157 -**Includes**
629 + var rect=el.getBoundingClientRect();
158 158  
159 -Liegenschaften · Raumkoordination · temporäre Raumvergabe · Seminarraum-Ausstattung · Ruheraum · Gebäudetechnik & Sicherheit · Hausordnung · Service & Betrieb
631 + if(
632 + rect.width<80||
633 + rect.height<24
634 + ){
635 + return;
636 + }
160 160  
161 -{{html}}
162 -<a href="#service-rooms-campus" class="btn btn-default">Explore</a>
163 -{{/html}}
164 -)))
165 -)))
638 + el.style.setProperty(
639 + "border",
640 + "none",
641 + "important"
642 + );
166 166  
167 -(((
168 -(% style="border:1px solid #d9d9d9;border-left:6px solid #38b76a;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:370px;padding:18px;" %)
169 -(((
170 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
171 -6. Purchasing, Finance & Logistics
644 + el.style.setProperty(
645 + "border-left",
646 + "none",
647 + "important"
648 + );
172 172  
173 -(% style="color:#666;margin-bottom:14px;" %)
174 -Buy, pay, budget, send, transport and move things.
650 + el.style.setProperty(
651 + "border-top",
652 + "none",
653 + "important"
654 + );
175 175  
176 -**I need to…**
656 + el.style.setProperty(
657 + "border-right",
658 + "none",
659 + "important"
660 + );
177 177  
178 -* purchase materials or services
179 -* clarify an invoice, budget or financial process
180 -* send, transport or move items
662 + el.style.setProperty(
663 + "border-bottom",
664 + "none",
665 + "important"
666 + );
181 181  
182 -**Includes**
668 + el.style.setProperty(
669 + "box-shadow",
670 + "none",
671 + "important"
672 + );
673 + });
674 + }
183 183  
184 -Beschaffung & Materialmanagement · Controlling · Finanzbuchhaltung · Ressourcenplanung · Post & Logistik · Post-Versand · Transporte · Übersiedlungen
676 + /* =======================================================
677 + FULL-WIDTH THREE-LINE AREA LABELS
678 + ======================================================= */
185 185  
186 -{{html}}
187 -<a href="#service-finance-logistics" class="btn btn-default">Explore</a>
188 -{{/html}}
189 -)))
190 -)))
680 + function compactText(value){
681 + return String(value||"")
682 + .replace(/\s+/g," ")
683 + .trim();
684 + }
191 191  
192 -{{/container}}
686 + function makeThreeLineAreaLabels(){
687 + Array.from(
688 + root.querySelectorAll(
689 + ".arsn-area-label"
690 + )
691 + ).forEach(function(label){
692 + if(
693 + label.getAttribute(
694 + "data-sn-three-line"
695 + )==="1"
696 + ){
697 + return;
698 + }
193 193  
194 -{{container layoutStyle="columns" justify="true"}}
700 + var number=
701 + label.querySelector(
702 + ":scope > .arsn-area-number"
703 + );
195 195  
196 -(((
197 -(% style="border:1px solid #d9d9d9;border-left:6px solid #e94b13;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:370px;padding:18px;" %)
198 -(((
199 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
200 -7. Communication, Media & Events
705 + var action=
706 + label.querySelector(
707 + ":scope > .arsn-area-action"
708 + );
201 201  
202 -(% style="color:#666;margin-bottom:14px;" %)
203 -Communicate, publish, print, promote and organise events.
710 + if(
711 + !number||
712 + !action
713 + ){
714 + return;
715 + }
204 204  
205 -**I need to…**
717 + var clone=
718 + label.cloneNode(true);
206 206  
207 -* communicate or publicise something
208 -* produce a publication, flyer or printed material
209 -* organise or support an event
720 + var cloneNumber=
721 + clone.querySelector(
722 + ":scope > .arsn-area-number"
723 + );
210 210  
211 -**Includes**
725 + var cloneAction=
726 + clone.querySelector(
727 + ":scope > .arsn-area-action"
728 + );
212 212  
213 -Presse & Kommunikation · Publikationen · Flyer / Drucksorten · Veranstaltungsmanagement · Open House · Angewandte Festival · Beflaggung
730 + if(cloneNumber){
731 + cloneNumber.remove();
732 + }
214 214  
215 -{{html}}
216 -<a href="#service-communication-events" class="btn btn-default">Explore</a>
217 -{{/html}}
218 -)))
219 -)))
734 + if(cloneAction){
735 + cloneAction.remove();
736 + }
220 220  
221 -(((
222 -(% style="border:1px solid #d9d9d9;border-left:6px solid #f0aa00;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:370px;padding:18px;" %)
223 -(((
224 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
225 -8. Legal, Data Protection & Governance
738 + var titleText=
739 + compactText(
740 + clone.textContent
741 + );
226 226  
227 -(% style="color:#666;margin-bottom:14px;" %)
228 -Legal questions, privacy, information rights and institutional rules.
743 + if(!titleText){
744 + return;
745 + }
229 229  
230 -**I need to…**
747 + var numberNode=
748 + number.cloneNode(true);
231 231  
232 -* clarify a legal or contractual question
233 -* deal with personal data or privacy
234 -* understand an institutional rule or information-access requirement
750 + var actionNode=
751 + action.cloneNode(true);
235 235  
236 -**Includes**
753 + var titleNode=
754 + document.createElement(
755 + "span"
756 + );
237 237  
238 -Rechtsabteilung · Datenschutzbeauftragter · Informationsfreiheitsgesetz · governance & institutional rules
758 + titleNode.className=
759 + "sn-area-label-title";
239 239  
240 -{{html}}
241 -<a href="#service-legal-governance" class="btn btn-default">Explore</a>
242 -{{/html}}
243 -)))
244 -)))
761 + titleNode.textContent=
762 + titleText;
245 245  
246 -{{/container}}
764 + while(label.firstChild){
765 + label.removeChild(
766 + label.firstChild
767 + );
768 + }
247 247  
248 -{{container layoutStyle="columns" justify="true"}}
770 + label.appendChild(
771 + numberNode
772 + );
249 249  
250 -(((
251 -(% style="border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:320px;padding:18px;" %)
252 -(((
253 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
254 -9. International Office
774 + label.appendChild(
775 + titleNode
776 + );
255 255  
256 -(% style="color:#666;margin-bottom:14px;" %)
257 -International mobility, exchange and international support.
778 + label.appendChild(
779 + actionNode
780 + );
258 258  
259 -**I need to…**
782 + label.setAttribute(
783 + "data-sn-three-line",
784 + "1"
785 + );
260 260  
261 -* plan an international stay or exchange
262 -* ask about mobility opportunities
263 -* find support for an international context
787 + var head=
788 + label.closest(
789 + ".arsn-area-head"
790 + );
264 264  
265 -**Includes**
792 + if(head){
793 + head.style.setProperty(
794 + "width",
795 + "100%",
796 + "important"
797 + );
266 266  
267 -International Office services and mobility support
799 + head.style.setProperty(
800 + "max-width",
801 + "100%",
802 + "important"
803 + );
268 268  
269 -{{html}}
270 -<a href="#service-international" class="btn btn-default">Explore</a>
271 -{{/html}}
272 -)))
273 -)))
805 + head.style.setProperty(
806 + "box-sizing",
807 + "border-box",
808 + "important"
809 + );
810 + }
811 + });
812 + }
274 274  
275 -(((
276 -(% style="border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:320px;padding:18px;" %)
277 -(((
278 -(% style="font-size:20px;font-weight:700;margin-bottom:4px;" %)
279 -10. University Library
814 + /* =======================================================
815 + PLACEHOLDER BADGE
816 + ======================================================= */
280 280  
281 -(% style="color:#666;margin-bottom:14px;" %)
282 -Find, access and work with literature, media and library resources.
818 + function applyPlaceholderBadge(){
819 + if(!PLACEHOLDER)return;
283 283  
284 -**I need to…**
821 + if(
822 + document.querySelector(
823 + ".sn-coming-soon-badge"
824 + )
825 + ){
826 + return;
827 + }
285 285  
286 -* find literature or other media
287 -* access library resources
288 -* get help with research and information discovery
829 + var title=
830 + document.querySelector(
831 + "#document-title"
832 + )||
833 + document.querySelector(
834 + "h1"
835 + );
289 289  
290 -**Includes**
837 + if(!title)return;
291 291  
292 -Universitätsbibliothek and library services
839 + var badge=
840 + document.createElement(
841 + "span"
842 + );
293 293  
294 -{{html}}
295 -<a href="#service-library" class="btn btn-default">Explore</a>
296 -{{/html}}
297 -)))
298 -)))
844 + badge.className=
845 + "sn-coming-soon-badge";
299 299  
300 -{{/container}}
847 + badge.textContent=
848 + PLACEHOLDER_LABEL;
301 301  
302 -(% style="margin:28px 0 8px 0;padding:14px 16px;background:#f7f7f7;border-radius:8px;" %)
303 -(((
304 -**A service may appear in more than one area.** This is intentional: the Navigator follows users' questions and tasks rather than forcing every topic into a single organisational box.
305 -)))
850 + badge.setAttribute(
851 + "aria-label",
852 + PLACEHOLDER_LABEL
853 + );
306 306  
307 -= Service areas in detail =
855 + title.appendChild(
856 + badge
857 + );
858 + }
308 308  
309 -{{html}}<span id="service-art-research"></span>{{/html}}
310 -== 1. Art & Research Services ==
860 + /* =======================================================
861 + DETAIL PAGE OWN-ACCENT PROPAGATION
862 + ======================================================= */
311 311  
312 -**Typical questions**
864 + function parseRGB(value){
865 + var match=String(value||"").match(
866 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
867 + );
313 313  
314 -* How do I plan and organise an artistic or research project?
315 -* What do funders require?
316 -* How should I manage files, data, versions, metadata and collaboration?
317 -* What rights, ethics or data-protection issues do I need to consider?
318 -* Where and how should I publish, share, cite or preserve outputs?
869 + if(!match)return null;
319 319  
320 -**Services & topics**
871 + return [
872 + Number(match[1]),
873 + Number(match[2]),
874 + Number(match[3])
875 + ];
876 + }
321 321  
322 -* Forschungsprojekte / project planning
323 -* research funding & funder requirements
324 -* research data management and DMPs
325 -* research data and artistic outputs
326 -* copyright, rights and licences
327 -* data protection & ethics in research
328 -* file organisation, storage, backup and access
329 -* metadata, provenance, standards, vocabularies and identifiers
330 -* repositories and publication platforms
331 -* FAIR, CARE & Open Science
332 -* dissemination, citation, PIDs / DOI / ORCID
333 -* preservation and project handover
878 + function distance(a,b){
879 + return Math.sqrt(
880 + Math.pow(a[0]-b[0],2)+
881 + Math.pow(a[1]-b[1],2)+
882 + Math.pow(a[2]-b[2],2)
883 + );
884 + }
334 334  
335 -[[Open the Art & Research Services Navigator>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/||class="btn btn-primary"]]
886 + function paletteMatch(cssColor){
887 + var rgb=parseRGB(cssColor);
336 336  
337 -----
889 + if(!rgb)return null;
338 338  
339 -{{html}}<span id="service-study-teaching"></span>{{/html}}
340 -== 2. Study, Teaching & Curriculum ==
891 + var palette=[
892 + {hex:"#21b6d7",rgb:[33,182,215]},
893 + {hex:"#e94b13",rgb:[233,75,19]},
894 + {hex:"#f0aa00",rgb:[240,170,0]},
895 + {hex:"#38b76a",rgb:[56,183,106]}
896 + ];
341 341  
342 -**Typical questions**
898 + var best=null;
899 + var bestDistance=Infinity;
343 343  
344 -* I have a question about my studies or study administration.
345 -* I am teaching and need support with teaching quality or curricula.
346 -* I am working on / supervising a final project.
347 -* I need a student workspace or accessibility support for study.
901 + palette.forEach(function(item){
902 + var d=distance(rgb,item.rgb);
348 348  
349 -**Primary services & topics**
904 + if(d<bestDistance){
905 + best=item;
906 + bestDistance=d;
907 + }
908 + });
350 350  
351 -* Studienangelegenheiten
352 -* Qualitätskultur Lehre und Curricularwerkstatt
353 -* Angewandte Abschlussarbeiten
354 -* Studierenden-Arbeitsraum = STAR
355 -* teaching and curriculum development
356 -* study-related accessibility / accommodations (cross-link to People, Equality, Health & Work)
910 + return bestDistance<=30
911 + ?best
912 + :null;
913 + }
357 357  
358 -----
915 + function propagateDetailAccents(){
916 + if(PAGE_KIND!=="detail")return;
359 359  
360 -{{html}}<span id="service-people-work"></span>{{/html}}
361 -== 3. People, Equality, Health & Work ==
918 + Array.from(
919 + root.querySelectorAll(
920 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
921 + ".arsn-source,.dmp-source,.ido-source,.pp-source"
922 + )
923 + ).forEach(function(el){
924 + if(!visible(el))return;
362 362  
363 -**Typical questions**
926 + var style=getComputedStyle(el);
364 364  
365 -* I have a question about my employment, contract, working conditions or labour law.
366 -* I experience discrimination or unequal treatment.
367 -* I need advice concerning equality, diversity or inclusion.
368 -* I have a disability or need accessibility / reasonable accommodations.
369 -* I need support concerning health, wellbeing or workplace health.
370 -* I am looking for staff development or HR support.
928 + if(
929 + num(style.borderTopWidth)>=2
930 + ){
931 + var match=
932 + paletteMatch(
933 + style.borderTopColor
934 + );
371 371  
372 -**Primary services & topics**
936 + if(match){
937 + el.style.setProperty(
938 + "border-left",
939 + "4px solid "+match.hex,
940 + "important"
941 + );
942 + }
943 + }
944 + });
373 373  
374 -* Personalmanagement
375 -* Personalentwicklung
376 -* Gleichbehandlung / equal treatment
377 -* Gleichstellung / equal opportunities
378 -* Diversität / diversity & inclusion
379 -* anti-discrimination
380 -* Behinderung
381 -* Barrierefreiheit / accessibility
382 -* reasonable accommodations
383 -* Gesundheit / workplace health
384 -* psychosocial wellbeing
385 -* Arbeitsrecht / labour law
386 -* employment conditions and working arrangements
946 + // Warning families: explicit safety override.
947 + Array.from(
948 + root.querySelectorAll(
949 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
950 + ".warn,.warning,.warningmessage,.errormessage"
951 + )
952 + ).forEach(function(el){
953 + if(!visible(el))return;
387 387  
388 -**Important cross-links**
955 + el.style.setProperty(
956 + "border-left",
957 + "4px solid #e94b13",
958 + "important"
959 + );
960 + });
389 389  
390 -* Student accessibility questions should also be discoverable through **Study, Teaching & Curriculum**.
391 -* General legal matters remain under **Legal, Data Protection & Governance**; employment-related legal questions start here.
962 + // Info families: explicit orientation override.
963 + Array.from(
964 + root.querySelectorAll(
965 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
966 + )
967 + ).forEach(function(el){
968 + if(!visible(el))return;
392 392  
393 -----
970 + el.style.setProperty(
971 + "border-left",
972 + "4px solid #21b6d7",
973 + "important"
974 + );
975 + });
976 + }
394 394  
395 -{{html}}<span id="service-it-digital"></span>{{/html}}
396 -== 4. IT & Digital Services ==
978 + /* =======================================================
979 + OVERVIEW SEMANTIC THEME PALETTE
980 + ======================================================= */
397 397  
398 -**Typical questions**
982 + function smallestThemeHeaders(){
983 + return Array.from(
984 + root.querySelectorAll(
985 + "div,span,p,strong,h3,h4,h5,h6"
986 + )
987 + ).filter(function(el){
988 + if(!visible(el))return false;
989 + if(!themeFor(el.textContent))return false;
399 399  
400 -* How do I access an account, system or digital service?
401 -* I have an IT problem.
402 -* I need software, infrastructure or technical support.
403 -* I am planning a digital / IT project.
991 + return !Array.from(
992 + el.children||[]
993 + ).some(function(child){
994 + return !!themeFor(
995 + child.textContent
996 + );
997 + });
998 + });
999 + }
404 404  
405 -**Primary services & topics**
1001 + function findOverviewCard(header){
1002 + var node=header.parentElement;
1003 + var candidates=[];
406 406  
407 -* Base
408 -* ITD-Projektkoordination
409 -* Zentraler Informatikdienst
410 -* accounts and access
411 -* software and digital tools
412 -* digital infrastructure
413 -* IT project coordination
414 -* technical support
1005 + while(node&&node!==root){
1006 + var rect=node.getBoundingClientRect();
1007 + var style=getComputedStyle(node);
415 415  
416 -----
1009 + var border=
1010 + num(style.borderTopWidth)+
1011 + num(style.borderRightWidth)+
1012 + num(style.borderBottomWidth)+
1013 + num(style.borderLeftWidth);
417 417  
418 -{{html}}<span id="service-rooms-campus"></span>{{/html}}
419 -== 5. Rooms, Buildings & Campus ==
1015 + if(
1016 + rect.width>=220&&
1017 + rect.width<=800&&
1018 + rect.height>=120&&
1019 + border>=1
1020 + ){
1021 + candidates.push(node);
1022 + }
420 420  
421 -**Typical questions**
1024 + node=node.parentElement;
1025 + }
422 422  
423 -* I need a room temporarily or for a specific activity.
424 -* Something in a room or building is not working.
425 -* I need information about campus facilities, safety or rules.
426 -* I need equipment or operational support for a space.
1027 + if(!candidates.length)return null;
427 427  
428 -**Primary services & topics**
1029 + candidates.sort(function(a,b){
1030 + return (
1031 + b.getBoundingClientRect().height-
1032 + a.getBoundingClientRect().height
1033 + );
1034 + });
429 429  
430 -* Facility Management
431 -* Gebäudetechnik & Sicherheit
432 -* Liegenschaften
433 -* Liegenschaften- & Raumkoordination
434 -* Raumvergabe temporär
435 -* Seminarraum-Ausstattung
436 -* Ruheraum
437 -* Service & Betrieb
438 -* Hausordnung
439 -* Leitern
440 -* Diebstahl / reporting and campus-related support
1036 + return candidates[0];
1037 + }
441 441  
442 -**Cross-links**
1039 + function rowCandidates(link,card){
1040 + var result=[];
1041 + var cardRect=
1042 + card.getBoundingClientRect();
443 443  
444 -* Event room requirements may also lead to **Communication, Media & Events**.
445 -* Moving equipment or furniture may also lead to **Purchasing, Finance & Logistics**.
1044 + var node=link;
446 446  
447 -----
1046 + while(node&&node!==card){
1047 + if(visible(node)){
1048 + var rect=
1049 + node.getBoundingClientRect();
448 448  
449 -{{html}}<span id="service-finance-logistics"></span>{{/html}}
450 -== 6. Purchasing, Finance & Logistics ==
1051 + if(
1052 + rect.height<=105&&
1053 + rect.width>=
1054 + cardRect.width*.50&&
1055 + rect.width<=
1056 + cardRect.width*1.03
1057 + ){
1058 + result.push(node);
1059 + }
1060 + }
451 451  
452 -**Typical questions**
1062 + node=node.parentElement;
1063 + }
453 453  
454 -* How do I buy materials, equipment or a service?
455 -* I have a question about an invoice, budget or financial process.
456 -* I need to send or receive something.
457 -* I need transport or an internal move.
1065 + return result;
1066 + }
458 458  
459 -**Primary services & topics**
1068 + function chooseOuterRow(
1069 + candidates,
1070 + link
1071 + ){
1072 + if(!candidates.length){
1073 + return link;
1074 + }
460 460  
461 -* Beschaffung & Materialmanagement
462 -* Controlling
463 -* Finanzbuchhaltung
464 -* Ressourcenplanung
465 -* Post & Logistik
466 -* Post-Versand
467 -* Transporte
468 -* Übersiedlungen
1076 + var bordered=
1077 + candidates.filter(function(el){
1078 + return (
1079 + num(
1080 + getComputedStyle(el)
1081 + .borderLeftWidth
1082 + )>=1
1083 + );
1084 + });
469 469  
470 -**Why these belong together**
1086 + var pool=
1087 + bordered.length
1088 + ?bordered
1089 + :candidates;
471 471  
472 -From a user's perspective these form one practical chain: //I need something → I procure it → I pay / account for it → it is delivered, sent, transported or moved.//
1091 + pool.sort(function(a,b){
1092 + var ar=
1093 + a.getBoundingClientRect();
473 473  
474 -----
1095 + var br=
1096 + b.getBoundingClientRect();
475 475  
476 -{{html}}<span id="service-communication-events"></span>{{/html}}
477 -== 7. Communication, Media & Events ==
1098 + return (
1099 + ar.left-br.left||
1100 + br.width-ar.width
1101 + );
1102 + });
478 478  
479 -**Typical questions**
1104 + return pool[0]||link;
1105 + }
480 480  
481 -* I need to communicate or publicise something.
482 -* I need a publication, flyer or printed material.
483 -* I am planning an event and need support.
484 -* I need help with public visibility or event communication.
1107 + function applyOverviewPalette(){
1108 + if(PAGE_KIND!=="overview"){
1109 + return [];
1110 + }
485 485  
486 -**Primary services & topics**
1112 + var headers=
1113 + smallestThemeHeaders()
1114 + .map(function(el){
1115 + return {
1116 + el:el,
1117 + theme:
1118 + themeFor(
1119 + el.textContent
1120 + ),
1121 + card:
1122 + findOverviewCard(
1123 + el
1124 + )
1125 + };
1126 + })
1127 + .filter(function(row){
1128 + return !!row.card;
1129 + });
487 487  
488 -* Presse & Kommunikation
489 -* Publikationen
490 -* Flyer / Drucksorten kleinformatig
491 -* Veranstaltungsmanagement
492 -* Open House
493 -* Angewandte Festival
494 -* Beflaggung
1131 + var unique=[];
1132 + var seenHeaders=new Set();
495 495  
496 -**Cross-links**
1134 + headers.forEach(function(row){
1135 + var key=
1136 + row.theme.name+
1137 + "|"+
1138 + Math.round(
1139 + row.card
1140 + .getBoundingClientRect()
1141 + .left
1142 + )+
1143 + "|"+
1144 + Math.round(
1145 + row.el
1146 + .getBoundingClientRect()
1147 + .top
1148 + );
497 497  
498 -* Rooms and building logistics for events → **Rooms, Buildings & Campus**
499 -* Transport, procurement and deliveries → **Purchasing, Finance & Logistics**
500 -* Research dissemination → **Art & Research Services**
1150 + if(!seenHeaders.has(key)){
1151 + seenHeaders.add(key);
1152 + unique.push(row);
1153 + }
1154 + });
501 501  
502 -----
1156 + unique.forEach(function(row){
1157 + var headerRect=
1158 + row.el
1159 + .getBoundingClientRect();
503 503  
504 -{{html}}<span id="service-legal-governance"></span>{{/html}}
505 -== 8. Legal, Data Protection & Governance ==
1161 + row.el.style.setProperty(
1162 + "background",
1163 + row.theme.bg,
1164 + "important"
1165 + );
506 506  
507 -**Typical questions**
1167 + row.el.style.setProperty(
1168 + "color",
1169 + row.theme.text,
1170 + "important"
1171 + );
508 508  
509 -* I need legal advice or a legal review.
510 -* I work with personal data or have a privacy question.
511 -* I need to understand an institutional rule or legal obligation.
512 -* I have a question about information access or transparency.
1173 + row.el.style.setProperty(
1174 + "text-align",
1175 + "left",
1176 + "important"
1177 + );
513 513  
514 -**Primary services & topics**
1179 + row.el.style.setProperty(
1180 + "word-spacing",
1181 + "normal",
1182 + "important"
1183 + );
515 515  
516 -* Rechtsabteilung
517 -* Datenschutzbeauftragter
518 -* Informationsfreiheitsgesetz
519 -* general legal questions
520 -* data protection / privacy
521 -* institutional rules and governance
1185 + var later=
1186 + unique
1187 + .filter(function(other){
1188 + return (
1189 + other.card===row.card&&
1190 + other.el
1191 + .getBoundingClientRect()
1192 + .top>
1193 + headerRect.top+2
1194 + );
1195 + })
1196 + .sort(function(a,b){
1197 + return (
1198 + a.el
1199 + .getBoundingClientRect()
1200 + .top-
1201 + b.el
1202 + .getBoundingClientRect()
1203 + .top
1204 + );
1205 + });
522 522  
523 -**Cross-links**
1207 + var stopTop=
1208 + later.length
1209 + ?later[0].el
1210 + .getBoundingClientRect()
1211 + .top
1212 + :Infinity;
524 524  
525 -* Arbeitsrecht starts under **People, Equality, Health & Work**.
526 -* Research-specific copyright, licensing, ethics and data protection are also discoverable through **Art & Research Services**.
1214 + Array.from(
1215 + row.card.querySelectorAll("a")
1216 + ).forEach(function(link){
1217 + if(!visible(link))return;
527 527  
528 -----
1219 + var rect=
1220 + link.getBoundingClientRect();
529 529  
530 -{{html}}<span id="service-international"></span>{{/html}}
531 -== 9. International Office ==
1222 + if(
1223 + rect.top<=
1224 + headerRect.bottom-2||
1225 + rect.top>=
1226 + stopTop-2
1227 + ){
1228 + return;
1229 + }
532 532  
533 -**Typical questions**
1231 + var candidates=
1232 + rowCandidates(
1233 + link,
1234 + row.card
1235 + );
534 534  
535 -* I am planning an international stay or mobility.
536 -* I have a question about exchange opportunities.
537 -* I need support for an international context.
1237 + var target=
1238 + chooseOuterRow(
1239 + candidates,
1240 + link
1241 + );
538 538  
539 -**Primary services & topics**
1243 + candidates.forEach(function(el){
1244 + el.style.setProperty(
1245 + "border-left",
1246 + "0 solid transparent",
1247 + "important"
1248 + );
1249 + });
540 540  
541 -* International Office
542 -* mobility
543 -* exchange
544 -* international support
1251 + target.style.setProperty(
1252 + "border-left",
1253 + "3px solid "+
1254 + row.theme.accent,
1255 + "important"
1256 + );
545 545  
546 -This remains a separate service area because its user needs and expertise are distinct from the other clusters.
1258 + target.style.setProperty(
1259 + "box-sizing",
1260 + "border-box",
1261 + "important"
1262 + );
1263 + });
1264 + });
547 547  
548 -----
1266 + return unique;
1267 + }
549 549  
550 -{{html}}<span id="service-library"></span>{{/html}}
551 -== 10. University Library ==
1269 + /* =======================================================
1270 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1271 + ======================================================= */
552 552  
553 -**Typical questions**
1273 + function alignOverviewCards(headers){
1274 + if(
1275 + PAGE_KIND!=="overview"||
1276 + window.innerWidth<=MOBILE_MAX
1277 + ){
1278 + return;
1279 + }
554 554  
555 -* I need literature, media or other information resources.
556 -* I need access to library materials.
557 -* I need support with searching and information discovery.
1281 + var cards=[];
1282 + var seen=new Set();
558 558  
559 -**Primary services & topics**
1284 + headers.forEach(function(row){
1285 + if(!seen.has(row.card)){
1286 + seen.add(row.card);
1287 + cards.push(row.card);
1288 + }
1289 + });
560 560  
561 -* Universitätsbibliothek
562 -* literature and media
563 -* library access
564 -* information discovery
565 -* library support
1291 + if(cards.length<2){
1292 + return;
1293 + }
566 566  
567 -This remains a separate service area because library services form their own coherent user journey and are not an organisational extension of the International Office or Art & Research Services.
1295 + // Group cards by actual top position.
1296 + var groups=[];
568 568  
569 -----
1298 + cards.forEach(function(card){
1299 + var top=
1300 + card.getBoundingClientRect().top;
570 570  
571 -(% style="margin-top:28px;" %)
572 -(((
573 -{{info title="Not sure where to start?"}}
574 -Use the search at the top of the page or choose the card that best matches what you are trying to do. The Navigator may point to the same institutional service from several places when this improves findability.
575 -{{/info}}
576 -)))
1302 + var group=null;
577 577  
1304 + for(var i=0;i<groups.length;i++){
1305 + if(
1306 + Math.abs(
1307 + groups[i].top-top
1308 + )<=ROW_TOLERANCE
1309 + ){
1310 + group=groups[i];
1311 + break;
1312 + }
1313 + }
1314 +
1315 + if(!group){
1316 + group={
1317 + top:top,
1318 + cards:[]
1319 + };
1320 + groups.push(group);
1321 + }
1322 +
1323 + group.cards.push(card);
1324 + });
1325 +
1326 + groups.forEach(function(group){
1327 + if(group.cards.length<2){
1328 + return;
1329 + }
1330 +
1331 + var firstHeaders=
1332 + group.cards.map(function(card){
1333 + var candidates=
1334 + headers
1335 + .filter(function(row){
1336 + return row.card===card;
1337 + })
1338 + .sort(function(a,b){
1339 + return (
1340 + a.el
1341 + .getBoundingClientRect()
1342 + .top-
1343 + b.el
1344 + .getBoundingClientRect()
1345 + .top
1346 + );
1347 + });
1348 +
1349 + return candidates.length
1350 + ?candidates[0]
1351 + :null;
1352 + });
1353 +
1354 + if(
1355 + !firstHeaders.some(function(row){
1356 + return !row;
1357 + })
1358 + ){
1359 + var targetTop=
1360 + Math.max.apply(
1361 + Math,
1362 + firstHeaders.map(function(row){
1363 + return (
1364 + row.el
1365 + .getBoundingClientRect()
1366 + .top-
1367 + row.card
1368 + .getBoundingClientRect()
1369 + .top
1370 + );
1371 + })
1372 + );
1373 +
1374 + firstHeaders.forEach(function(row){
1375 + var relativeTop=
1376 + row.el
1377 + .getBoundingClientRect()
1378 + .top-
1379 + row.card
1380 + .getBoundingClientRect()
1381 + .top;
1382 +
1383 + var delta=
1384 + targetTop-relativeTop;
1385 +
1386 + if(delta>1){
1387 + saveStyle(
1388 + row.el,
1389 + originalMargin,
1390 + "margin-top"
1391 + );
1392 +
1393 + var current=
1394 + num(
1395 + getComputedStyle(
1396 + row.el
1397 + ).marginTop
1398 + );
1399 +
1400 + row.el.style.setProperty(
1401 + "margin-top",
1402 + (
1403 + current+delta
1404 + )+"px"
1405 + );
1406 +
1407 + row.el.setAttribute(
1408 + "data-sn-master-first-row",
1409 + "1"
1410 + );
1411 +
1412 + managedMargin.add(
1413 + row.el
1414 + );
1415 + }
1416 + });
1417 + }
1418 +
1419 + var maxHeight=0;
1420 +
1421 + group.cards.forEach(function(card){
1422 + maxHeight=
1423 + Math.max(
1424 + maxHeight,
1425 + card
1426 + .getBoundingClientRect()
1427 + .height
1428 + );
1429 + });
1430 +
1431 + maxHeight=
1432 + Math.ceil(maxHeight);
1433 +
1434 + group.cards.forEach(function(card){
1435 + saveStyle(
1436 + card,
1437 + originalHeight,
1438 + "min-height"
1439 + );
1440 +
1441 + card.style.setProperty(
1442 + "min-height",
1443 + maxHeight+"px"
1444 + );
1445 +
1446 + card.setAttribute(
1447 + "data-sn-master-equal-height",
1448 + "1"
1449 + );
1450 +
1451 + managedHeight.add(
1452 + card
1453 + );
1454 + });
1455 + });
1456 + }
1457 +
1458 + /* =======================================================
1459 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1460 + ======================================================= */
1461 +
1462 + function equaliseDetailGrids(){
1463 + if(
1464 + PAGE_KIND!=="detail"||
1465 + window.innerWidth<=MOBILE_MAX
1466 + ){
1467 + return;
1468 + }
1469 +
1470 + var selectors=[
1471 + ".arsn-grid",
1472 + ".arsn-grid-2",
1473 + ".arsn-grid-3",
1474 + ".dmp-grid",
1475 + ".ido-grid",
1476 + ".pp-grid"
1477 + ];
1478 +
1479 + selectors.forEach(function(selector){
1480 + Array.from(
1481 + root.querySelectorAll(selector)
1482 + ).forEach(function(grid){
1483 + var children=
1484 + Array.from(
1485 + grid.children||[]
1486 + ).filter(visible);
1487 +
1488 + if(children.length<2){
1489 + return;
1490 + }
1491 +
1492 + var groups=[];
1493 +
1494 + children.forEach(function(child){
1495 + var top=
1496 + child
1497 + .getBoundingClientRect()
1498 + .top;
1499 +
1500 + var group=null;
1501 +
1502 + for(var i=0;i<groups.length;i++){
1503 + if(
1504 + Math.abs(
1505 + groups[i].top-top
1506 + )<=ROW_TOLERANCE
1507 + ){
1508 + group=groups[i];
1509 + break;
1510 + }
1511 + }
1512 +
1513 + if(!group){
1514 + group={
1515 + top:top,
1516 + items:[]
1517 + };
1518 + groups.push(group);
1519 + }
1520 +
1521 + group.items.push(child);
1522 + });
1523 +
1524 + groups.forEach(function(group){
1525 + if(group.items.length<2){
1526 + return;
1527 + }
1528 +
1529 + var maxHeight=0;
1530 +
1531 + group.items.forEach(function(item){
1532 + maxHeight=
1533 + Math.max(
1534 + maxHeight,
1535 + item
1536 + .getBoundingClientRect()
1537 + .height
1538 + );
1539 + });
1540 +
1541 + maxHeight=
1542 + Math.ceil(maxHeight);
1543 +
1544 + group.items.forEach(function(item){
1545 + saveStyle(
1546 + item,
1547 + originalHeight,
1548 + "min-height"
1549 + );
1550 +
1551 + item.style.setProperty(
1552 + "min-height",
1553 + maxHeight+"px"
1554 + );
1555 +
1556 + item.setAttribute(
1557 + "data-sn-master-equal-height",
1558 + "1"
1559 + );
1560 +
1561 + managedHeight.add(item);
1562 + });
1563 + });
1564 + });
1565 + });
1566 + }
1567 +
1568 + /* =======================================================
1569 + RUN / RESPONSIVE SCHEDULING
1570 + ======================================================= */
1571 +
1572 + function run(){
1573 + if(running)return;
1574 +
1575 + running=true;
1576 +
1577 + try{
1578 + resetRuntime();
1579 + applyPlaceholderBadge();
1580 + propagateDetailAccents();
1581 +
1582 + var headers=
1583 + applyOverviewPalette();
1584 +
1585 + makeThreeLineAreaLabels();
1586 + makeFilledRedOrangeCTAsBorderless();
1587 +
1588 + if(
1589 + window.innerWidth>
1590 + MOBILE_MAX
1591 + ){
1592 + alignOverviewCards(
1593 + headers
1594 + );
1595 +
1596 + equaliseDetailGrids();
1597 + }
1598 + }finally{
1599 + running=false;
1600 + }
1601 + }
1602 +
1603 + function onResize(){
1604 + if(resizeTimer){
1605 + clearTimeout(
1606 + resizeTimer
1607 + );
1608 + }
1609 +
1610 + resizeTimer=
1611 + setTimeout(
1612 + function(){
1613 + resizeTimer=0;
1614 + run();
1615 + },
1616 + RESIZE_DEBOUNCE
1617 + );
1618 + }
1619 +
1620 + async function waitForReady(){
1621 + if(
1622 + document.readyState!=="complete"
1623 + ){
1624 + await new Promise(function(resolve){
1625 + window.addEventListener(
1626 + "load",
1627 + resolve,
1628 + {once:true}
1629 + );
1630 + });
1631 + }
1632 +
1633 + if(
1634 + document.fonts&&
1635 + document.fonts.ready
1636 + ){
1637 + try{
1638 + await document.fonts.ready;
1639 + }catch(error){}
1640 + }
1641 +
1642 + var images=
1643 + Array.from(
1644 + root.querySelectorAll("img")
1645 + );
1646 +
1647 + await Promise.all(
1648 + images.map(function(img){
1649 + if(img.complete){
1650 + return Promise.resolve();
1651 + }
1652 +
1653 + return new Promise(function(resolve){
1654 + var done=function(){
1655 + resolve();
1656 + };
1657 +
1658 + img.addEventListener(
1659 + "load",
1660 + done,
1661 + {once:true}
1662 + );
1663 +
1664 + img.addEventListener(
1665 + "error",
1666 + done,
1667 + {once:true}
1668 + );
1669 + });
1670 + })
1671 + );
1672 +
1673 + run();
1674 + }
1675 +
1676 + window.addEventListener(
1677 + "resize",
1678 + onResize,
1679 + {passive:true}
1680 + );
1681 +
1682 + waitForReady();
1683 +})();
1684 +</script>
1685 +
1686 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1687 +{{/html}}
1688 +
XWiki.XWikiRights[0]
users
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
levels
... ... @@ -1,0 +1,1 @@
1 +view
allow
... ... @@ -1,0 +1,1 @@
1 +Allow
XWiki.XWikiRights[1]
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAllGroup
levels
... ... @@ -1,0 +1,1 @@
1 +view
allow
... ... @@ -1,0 +1,1 @@
1 +Allow
XWiki.XWikiRights[2]
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.OE-0000211
levels
... ... @@ -1,0 +1,1 @@
1 +view,comment,edit,script
allow
... ... @@ -1,0 +1,1 @@
1 +Allow
XWiki.XWikiRights[3]
users
... ... @@ -1,0 +1,1 @@
1 +XWiki.p0010210
levels
... ... @@ -1,0 +1,1 @@
1 +view,comment,edit,script
allow
... ... @@ -1,0 +1,1 @@
1 +Allow