Wiki source code of Service Navigator

Version 18.1 by Veronika Kocher on Monday, 31 Aug 2026 10:54

Hide last authors
Veronika Kocher 18.1 1 {{html}}
2 <div style="max-width:1400px;margin:0 auto;">
Veronika Kocher 15.1 3
Veronika Kocher 18.1 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>
Veronika Kocher 15.1 7
Veronika Kocher 18.1 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>
Veronika Kocher 15.1 11
Veronika Kocher 18.1 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>
Veronika Kocher 15.1 17
Veronika Kocher 18.1 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>
30 </div>
31 </form>
32 </section>
Veronika Kocher 15.1 33
Veronika Kocher 18.1 34 <h2 style="font-size:24px;margin:0 0 16px 0;">Find services by what you need to do</h2>
Veronika Kocher 15.1 35
Veronika Kocher 18.1 36 <div style="
37 display:grid;
38 grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
39 gap:18px;
40 align-items:stretch;
Veronika Kocher 17.1 41 ">
Veronika Kocher 15.1 42
Veronika Kocher 18.1 43 <!-- 1. ART & RESEARCH SERVICES -->
44 <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;">
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;">ART &amp; RESEARCH</div>
47 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Art &amp; Research Services</h3>
48 <p style="color:#666;margin:0 0 14px 0;">Plan, manage, publish, share and preserve artistic and research projects.</p>
Veronika Kocher 15.1 49
Veronika Kocher 18.1 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>develop or plan an artistic or research project</li>
53 <li>manage research data, documentation or collaboration</li>
54 <li>publish, cite, share or preserve outputs</li>
55 </ul>
56
57 <div style="font-size:12px;color:#666;line-height:1.45;">
58 Research projects · research data management · rights &amp; ethics · repositories · publication · preservation
59 </div>
Veronika Kocher 17.1 60 </div>
Veronika Kocher 18.1 61 <div style="padding:0 18px 18px 18px;">
62 <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>
63 </div>
64 </section>
Veronika Kocher 15.1 65
Veronika Kocher 18.1 66 <!-- 2. COMMUNICATION, MEDIA & EVENTS -->
67 <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;">
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;">COMMUNICATE &amp; ORGANISE</div>
70 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Communication, Media &amp; Events</h3>
71 <p style="color:#666;margin:0 0 14px 0;">Communicate, publish, print, promote and organise events.</p>
Veronika Kocher 15.1 72
Veronika Kocher 18.1 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>communicate or publicise something</li>
76 <li>produce a publication, flyer or printed material</li>
77 <li>organise or support an event</li>
78 </ul>
Veronika Kocher 15.1 79
Veronika Kocher 18.1 80 <div style="font-size:12px;color:#666;line-height:1.45;">
81 Press &amp; communications · publications · print materials · event management · Open House · festival
82 </div>
Veronika Kocher 17.1 83 </div>
Veronika Kocher 18.1 84 <div style="padding:0 18px 18px 18px;">
85 <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Communication &amp; Events</span>
86 </div>
87 </section>
Veronika Kocher 15.1 88
Veronika Kocher 18.1 89 <!-- 3. INTERNATIONAL OFFICE -->
90 <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;">
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;">GO INTERNATIONAL</div>
93 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">International Office</h3>
94 <p style="color:#666;margin:0 0 14px 0;">International mobility, exchange and international support.</p>
Veronika Kocher 15.1 95
Veronika Kocher 18.1 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>plan an international stay or exchange</li>
99 <li>ask about mobility opportunities</li>
100 <li>find support for an international context</li>
101 </ul>
Veronika Kocher 15.1 102
Veronika Kocher 18.1 103 <div style="font-size:12px;color:#666;line-height:1.45;">
104 Mobility · exchange · international cooperation · international support
105 </div>
Veronika Kocher 17.1 106 </div>
Veronika Kocher 18.1 107 <div style="padding:0 18px 18px 18px;">
108 <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore International Office</span>
109 </div>
110 </section>
Veronika Kocher 15.1 111
Veronika Kocher 18.1 112 <!-- 4. IT & DIGITAL SERVICES -->
113 <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;">
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;">IT &amp; DIGITAL</div>
116 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">IT &amp; Digital Services</h3>
117 <p style="color:#666;margin:0 0 14px 0;">Accounts, systems, software, digital infrastructure and IT support.</p>
Veronika Kocher 15.1 118
Veronika Kocher 18.1 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>access an account, system or digital service</li>
122 <li>solve an IT problem</li>
123 <li>plan or coordinate a digital or IT project</li>
124 </ul>
Veronika Kocher 15.1 125
Veronika Kocher 18.1 126 <div style="font-size:12px;color:#666;line-height:1.45;">
127 Accounts · IT support · software · digital tools · infrastructure · IT project coordination
128 </div>
Veronika Kocher 17.1 129 </div>
Veronika Kocher 18.1 130 <div style="padding:0 18px 18px 18px;">
131 <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore IT &amp; Digital Services</span>
132 </div>
133 </section>
Veronika Kocher 15.1 134
Veronika Kocher 18.1 135 <!-- 5. LEGAL, DATA PROTECTION & GOVERNANCE -->
136 <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;">
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;">RIGHTS &amp; RULES</div>
139 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Legal, Data Protection &amp; Governance</h3>
140 <p style="color:#666;margin:0 0 14px 0;">Legal questions, privacy, information rights and institutional rules.</p>
Veronika Kocher 15.1 141
Veronika Kocher 18.1 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 legal or contractual question</li>
145 <li>deal with personal data or privacy</li>
146 <li>understand an institutional rule or information-access requirement</li>
147 </ul>
Veronika Kocher 15.1 148
Veronika Kocher 18.1 149 <div style="font-size:12px;color:#666;line-height:1.45;">
150 Legal affairs · data protection · freedom of information · governance · institutional rules
151 </div>
Veronika Kocher 17.1 152 </div>
Veronika Kocher 18.1 153 <div style="padding:0 18px 18px 18px;">
154 <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Legal &amp; Governance</span>
155 </div>
156 </section>
Veronika Kocher 15.1 157
Veronika Kocher 18.1 158 <!-- 6. PEOPLE, EQUALITY, HEALTH & WORK -->
159 <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;">
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;">PEOPLE &amp; WORK</div>
162 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">People, Equality, Health &amp; Work</h3>
163 <p style="color:#666;margin:0 0 14px 0;">Employment, equality, diversity, disability, accessibility and health.</p>
Veronika Kocher 15.1 164
Veronika Kocher 18.1 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>ask about employment, working conditions or labour law</li>
168 <li>get support concerning discrimination, equality or diversity</li>
169 <li>address disability, accessibility or health at work</li>
170 </ul>
Veronika Kocher 15.1 171
Veronika Kocher 18.1 172 <div style="font-size:12px;color:#666;line-height:1.45;">
173 HR · staff development · equal treatment · diversity · disability · accessibility · health · labour law
174 </div>
Veronika Kocher 17.1 175 </div>
Veronika Kocher 18.1 176 <div style="padding:0 18px 18px 18px;">
177 <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore People &amp; Work</span>
178 </div>
179 </section>
Veronika Kocher 15.1 180
Veronika Kocher 18.1 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>
Veronika Kocher 15.1 187
Veronika Kocher 18.1 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>
Veronika Kocher 15.1 194
Veronika Kocher 18.1 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>
Veronika Kocher 17.1 198 </div>
Veronika Kocher 18.1 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>
Veronika Kocher 15.1 203
Veronika Kocher 18.1 204 <!-- 8. ROOMS, BUILDINGS & CAMPUS -->
205 <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;">
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;">CAMPUS</div>
208 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Rooms, Buildings &amp; Campus</h3>
209 <p style="color:#666;margin:0 0 14px 0;">Rooms, buildings, facilities, campus use and operational support.</p>
Veronika Kocher 15.1 210
Veronika Kocher 18.1 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>book or use a room</li>
214 <li>report a building, equipment or safety issue</li>
215 <li>find information about campus facilities or house rules</li>
216 </ul>
Veronika Kocher 15.1 217
Veronika Kocher 18.1 218 <div style="font-size:12px;color:#666;line-height:1.45;">
219 Facility management · estates · room coordination · building services · safety · house rules · campus operations
220 </div>
Veronika Kocher 17.1 221 </div>
Veronika Kocher 18.1 222 <div style="padding:0 18px 18px 18px;">
223 <span class="btn btn-default btn-block disabled" aria-disabled="true">Explore Rooms &amp; Campus</span>
224 </div>
225 </section>
Veronika Kocher 15.1 226
Veronika Kocher 18.1 227 <!-- 9. STUDY, TEACHING & CURRICULUM -->
228 <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;">
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;">STUDY &amp; TEACHING</div>
231 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">Study, Teaching &amp; Curriculum</h3>
232 <p style="color:#666;margin:0 0 14px 0;">Support for studying, teaching, curricula and the learning environment.</p>
Veronika Kocher 15.1 233
Veronika Kocher 18.1 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>clarify a study-related question</li>
237 <li>develop or change teaching or curricula</li>
238 <li>find support for final projects or accessibility in study</li>
239 </ul>
Veronika Kocher 15.1 240
Veronika Kocher 18.1 241 <div style="font-size:12px;color:#666;line-height:1.45;">
242 Student affairs · teaching quality · curriculum development · final projects · student workspace
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 Study &amp; Teaching</span>
247 </div>
248 </section>
Veronika Kocher 15.1 249
Veronika Kocher 18.1 250 <!-- 10. UNIVERSITY LIBRARY -->
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;">FIND &amp; ACCESS</div>
254 <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;">University Library</h3>
255 <p style="color:#666;margin:0 0 14px 0;">Find, access and work with literature, media and library resources.</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>find literature or other media</li>
260 <li>access library resources</li>
261 <li>get help with research and information discovery</li>
262 </ul>
263
264 <div style="font-size:12px;color:#666;line-height:1.45;">
265 Literature · media · library access · catalogues · information discovery · library 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 University Library</span>
270 </div>
271 </section>
272
273 </div>
274
275 <aside style="margin-top:26px;padding:14px 16px;border-left:4px solid #21b6d7;background:#f4f8fa;border-radius:6px;">
276 <strong>Not sure where to start?</strong>
277 <div style="margin-top:4px;">
278 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.
Veronika Kocher 17.1 279 </div>
Veronika Kocher 18.1 280 </aside>
Veronika Kocher 15.1 281
Veronika Kocher 17.1 282 </div>
Veronika Kocher 15.1 283 {{/html}}