Skip to Content

Changes for page Service Navigator

Last modified by Veronika Kocher on Thursday, 03 Sep 2026 14:15
From version 20.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 10:59
Change comment: There is no comment for this version
To version 3.2
edited by ZID Server
on Tuesday, 14 Jul 2026 15:09
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.p0009670
1 +XWiki.server
Content
... ... @@ -1,284 +1,51 @@
1 1  {{html}}
2 -<div style="max-width:1400px;margin:0 auto;">
2 +<div class="rh-grid">
3 3  
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>
7 -
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>
11 -
12 - <section style="margin:0 0 28px 0;padding:16px 18px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);">
13 - <h2 style="font-size:20px;margin:0 0 6px 0;">Find a service</h2>
14 - <p style="margin:0 0 12px 0;color:#666;">
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 #bbb;border-radius:6px;font-size:16px;"
28 - />
29 - <button type="submit" class="btn btn-primary" style="padding:11px 22px;">Search</button>
4 + <div class="rh-col">
5 + <a class="rh-img" href="#"></a>
6 + <div class="rh-body">
7 + <h3 class="rh-heading"><a href="#"><span class="rh-num">1.</span> Planning &amp; Set-up</a></h3>
8 + <p class="rh-desc">Resources for preparation of your research</p>
9 + <div class="rh-cards">
10 + <a class="rh-card rh-flame1" href="#">Data Management</a>
11 + <a class="rh-card rh-flame2" href="#">Research Strategy and Funding</a>
12 + <a class="rh-card rh-flame3" href="#">Research Strategy and Funding</a>
13 + <a class="rh-card rh-flame4" href="#">Responsible and Compliant Research</a>
30 30   </div>
31 - </form>
32 - </section>
15 + <a class="rh-btn" href="#">Explore Planning &amp; Set-up</a>
16 + </div>
17 + </div>
33 33  
34 - <h2 style="font-size:24px;margin:0 0 16px 0;">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 #d9d9d9;border-left:6px solid #f0aa00;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
45 - <div style="padding:18px 18px 14px 18px;flex:1;">
46 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">PEOPLE &amp; WORK</div>
47 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">People, Equality, Health &amp; Work</h3>
48 - <p style="color:#666;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:#666;line-height:1.45;">
58 - HR · staff development · equal treatment · diversity · disability · accessibility · health · labour law
59 - </div>
19 + <div class="rh-col">
20 + <a class="rh-img" href="#"></a>
21 + <div class="rh-body">
22 + <h3 class="rh-heading"><a href="#"><span class="rh-num">2.</span> Execution</a></h3>
23 + <p class="rh-desc">Daily support resources during your project</p>
24 + <div class="rh-cards">
25 + <a class="rh-card rh-flame5" href="#">Collaboration Tools</a>
26 + <a class="rh-card rh-flame1" href="#">Computing resources</a>
27 + <a class="rh-card rh-flame2" href="#">Daily IT Support</a>
28 + <a class="rh-card rh-flame3" href="#">Graduate School</a>
29 + <a class="rh-card rh-flame4" href="#">TU Delft collections</a>
60 60   </div>
61 - <div style="padding:0 18px 18px 18px;">
62 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore People &amp; Work</span>
63 - </div>
64 - </section>
31 + <a class="rh-btn" href="#">Explore Execution</a>
32 + </div>
33 + </div>
65 65  
66 - <!-- 2. IT & DIGITAL SERVICES -->
67 - <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #d9d9d9;border-left:6px solid #38b76a;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
68 - <div style="padding:18px 18px 14px 18px;flex:1;">
69 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">IT &amp; DIGITAL</div>
70 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">IT &amp; Digital Services</h3>
71 - <p style="color:#666;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:#666;line-height:1.45;">
81 - Accounts · IT support · software · digital tools · infrastructure · IT project coordination
82 - </div>
35 + <div class="rh-col">
36 + <a class="rh-img" href="#"></a>
37 + <div class="rh-body">
38 + <h3 class="rh-heading"><a href="#"><span class="rh-num">3.</span> Dissemination</a></h3>
39 + <p class="rh-desc">Sharing, publishing and archiving research</p>
40 + <div class="rh-cards">
41 + <a class="rh-card rh-flame5" href="#">Media Production</a>
42 + <a class="rh-card rh-flame1" href="#">Publishing</a>
43 + <a class="rh-card rh-flame2" href="#">Science Communication</a>
44 + <a class="rh-card rh-flame3" href="#">Tech Transfer</a>
83 83   </div>
84 - <div style="padding:0 18px 18px 18px;">
85 - <span class="btn btn-default btn-block disabled" 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 #d9d9d9;border-left:6px solid #38b76a;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
91 - <div style="padding:18px 18px 14px 18px;flex:1;">
92 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">CAMPUS</div>
93 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Rooms, Buildings &amp; Campus</h3>
94 - <p style="color:#666;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:#666;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" 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 #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
114 - <div style="padding:18px 18px 14px 18px;flex:1;">
115 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">ART &amp; RESEARCH</div>
116 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Art &amp; Research Services</h3>
117 - <p style="color:#666;margin:0 0 14px 0;">Plan, manage, publish, share and preserve artistic and research projects.</p>
118 -
119 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
120 - <ul style="margin:0 0 14px 18px;padding:0;">
121 - <li>develop or plan an artistic or research project</li>
122 - <li>manage research data, documentation or collaboration</li>
123 - <li>publish, cite, share or preserve outputs</li>
124 - </ul>
125 -
126 - <div style="font-size:12px;color:#666;line-height:1.45;">
127 - Research projects · research data management · rights &amp; ethics · repositories · publication · preservation
128 - </div>
129 - </div>
130 - <div style="padding:0 18px 18px 18px;">
131 - <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>
132 - </div>
133 - </section>
134 -
135 - <!-- 5. STUDY, TEACHING & CURRICULUM -->
136 - <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
137 - <div style="padding:18px 18px 14px 18px;flex:1;">
138 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">STUDY &amp; TEACHING</div>
139 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Study, Teaching &amp; Curriculum</h3>
140 - <p style="color:#666;margin:0 0 14px 0;">Support for studying, teaching, curricula and the learning environment.</p>
141 -
142 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
143 - <ul style="margin:0 0 14px 18px;padding:0;">
144 - <li>clarify a study-related question</li>
145 - <li>develop or change teaching or curricula</li>
146 - <li>find support for final projects or accessibility in study</li>
147 - </ul>
148 -
149 - <div style="font-size:12px;color:#666;line-height:1.45;">
150 - Student affairs · teaching quality · curriculum development · final projects · student workspace
151 - </div>
152 - </div>
153 - <div style="padding:0 18px 18px 18px;">
154 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Study &amp; Teaching</span>
155 - </div>
156 - </section>
157 -
158 -<!-- 6. RESEARCH & DISCOVERY RESOURCES -->
159 - <section style="display:flex;flex-direction:column;min-height:340px;border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
160 - <div style="padding:18px 18px 14px 18px;flex:1;">
161 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">FIND · SEARCH · DISCOVER</div>
162 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Research &amp; Discovery Resources</h3>
163 - <p style="color:#666;margin:0 0 14px 0;">Find literature, databases, archives, collections, repositories and specialist research resources across the University.</p>
164 -
165 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
166 - <ul style="margin:0 0 14px 18px;padding:0;">
167 - <li>find literature, media, databases or digital resources</li>
168 - <li>research archival, artistic or institutional collections</li>
169 - <li>discover repositories, specialist archives and research databases</li>
170 - </ul>
171 -
172 - <div style="font-size:12px;color:#666;line-height:1.5;">
173 - 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
174 - </div>
175 - </div>
176 - <div style="padding:0 18px 18px 18px;">
177 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Research &amp; Discovery</span>
178 - </div>
179 - </section>
180 -
181 - <!-- 7. PURCHASING, FINANCE & LOGISTICS -->
182 - <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #d9d9d9;border-left:6px solid #38b76a;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
183 - <div style="padding:18px 18px 14px 18px;flex:1;">
184 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">PURCHASE &amp; MOVE</div>
185 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Purchasing, Finance &amp; Logistics</h3>
186 - <p style="color:#666;margin:0 0 14px 0;">Buy, pay, budget, send, transport and move things.</p>
187 -
188 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
189 - <ul style="margin:0 0 14px 18px;padding:0;">
190 - <li>purchase materials or services</li>
191 - <li>clarify an invoice, budget or financial process</li>
192 - <li>send, transport or move items</li>
193 - </ul>
194 -
195 - <div style="font-size:12px;color:#666;line-height:1.45;">
196 - Procurement · controlling · accounting · resource planning · mail &amp; logistics · transport · relocations
197 - </div>
198 - </div>
199 - <div style="padding:0 18px 18px 18px;">
200 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Finance &amp; Logistics</span>
201 - </div>
202 - </section>
203 -
204 - <!-- 8. LEGAL, DATA PROTECTION & GOVERNANCE -->
205 - <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #d9d9d9;border-left:6px solid #f0aa00;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
206 - <div style="padding:18px 18px 14px 18px;flex:1;">
207 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">RIGHTS &amp; RULES</div>
208 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Legal, Data Protection &amp; Governance</h3>
209 - <p style="color:#666;margin:0 0 14px 0;">Legal questions, privacy, information rights and institutional rules.</p>
210 -
211 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
212 - <ul style="margin:0 0 14px 18px;padding:0;">
213 - <li>clarify a legal or contractual question</li>
214 - <li>deal with personal data or privacy</li>
215 - <li>understand an institutional rule or information-access requirement</li>
216 - </ul>
217 -
218 - <div style="font-size:12px;color:#666;line-height:1.45;">
219 - Legal affairs · data protection · freedom of information · governance · institutional rules
220 - </div>
221 - </div>
222 - <div style="padding:0 18px 18px 18px;">
223 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Legal &amp; Governance</span>
224 - </div>
225 - </section>
226 -
227 - <!-- 9. COMMUNICATION, MEDIA & EVENTS -->
228 - <section style="display:flex;flex-direction:column;min-height:320px;border:1px solid #d9d9d9;border-left:6px solid #e94b13;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
229 - <div style="padding:18px 18px 14px 18px;flex:1;">
230 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">COMMUNICATE &amp; ORGANISE</div>
231 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Communication, Media &amp; Events</h3>
232 - <p style="color:#666;margin:0 0 14px 0;">Communicate, publish, print, promote and organise events.</p>
233 -
234 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
235 - <ul style="margin:0 0 14px 18px;padding:0;">
236 - <li>communicate or publicise something</li>
237 - <li>produce a publication, flyer or printed material</li>
238 - <li>organise or support an event</li>
239 - </ul>
240 -
241 - <div style="font-size:12px;color:#666;line-height:1.45;">
242 - Press &amp; communications · publications · print materials · event management · Open House · festival
243 - </div>
244 - </div>
245 - <div style="padding:0 18px 18px 18px;">
246 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Communication &amp; Events</span>
247 - </div>
248 - </section>
249 -
250 - <!-- 10. INTERNATIONAL OFFICE -->
251 - <section style="display:flex;flex-direction:column;min-height:300px;border:1px solid #d9d9d9;border-left:6px solid #21b6d7;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;">
252 - <div style="padding:18px 18px 14px 18px;flex:1;">
253 - <div style="font-size:12px;font-weight:700;letter-spacing:.07em;color:#66737d;margin-bottom:6px;">GO INTERNATIONAL</div>
254 - <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">International Office</h3>
255 - <p style="color:#666;margin:0 0 14px 0;">International mobility, exchange and international support.</p>
256 -
257 - <div style="font-weight:700;margin-bottom:6px;">I need to…</div>
258 - <ul style="margin:0 0 14px 18px;padding:0;">
259 - <li>plan an international stay or exchange</li>
260 - <li>ask about mobility opportunities</li>
261 - <li>find support for an international context</li>
262 - </ul>
263 -
264 - <div style="font-size:12px;color:#666;line-height:1.45;">
265 - Mobility · exchange · international cooperation · international support
266 - </div>
267 - </div>
268 - <div style="padding:0 18px 18px 18px;">
269 - <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore International Office</span>
270 - </div>
271 - </section>
272 -
273 -
46 + <a class="rh-btn" href="#">Explore Dissemination</a>
47 + </div>
274 274   </div>
275 275  
276 - <aside style="margin-top:26px;padding:14px 16px;border-left:4px solid #21b6d7;background:#f4f8fa;border-radius:6px;">
277 - <strong>Not sure where to start?</strong>
278 - <div style="margin-top:4px;">
279 - 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.
280 - </div>
281 - </aside>
282 -
283 283  </div>
284 284  {{/html}}