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
on Monday, 31 Aug 2026 10:44
Change comment:
There is no comment for this version
To version 22.15
edited by Veronika Kocher
on Thursday, 03 Sep 2026 10:09
on Thursday, 03 Sep 2026 10:09
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (0 modified, 4 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,577 +1,1404 @@ 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 & WORK</div> 47 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">People, Equality, Health & 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 & 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 & DIGITAL</div> 70 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">IT & 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 & 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 & 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 & 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 & RESEARCH</div> 116 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Art & 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 & 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 & 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 & 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 & TEACHING</div> 141 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Study, Teaching & 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 & 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 & 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 & supA · licensed databases · University Archive & Art Collection · online collection databases · Oskar Kokoschka Centre · Viktor J. Papanek Foundation · Venedig Biennale Archiv Austria · Weibel Institute & 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 & 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 & MOVE</div> 187 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Purchasing, Finance & 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 & 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 & 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 & RULES</div> 210 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Legal, Data Protection & 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 & 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 & ORGANISE</div> 233 + <h3 style="font-size:21px;line-height:1.25;margin:0 0 8px 0;color:#252321;">Communication, Media & 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 & 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 & 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 +\n\n 289 +\n\n{{html clean="false"}} 290 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_START --> 30 30 31 -{{container layoutStyle="columns" justify="true"}} 292 +<style data-sn-horizontal-box-harmonizer="7"> 293 +/* ---------- Typography: never justify headings ---------- */ 294 +#xwikicontent h1, 295 +#xwikicontent h2, 296 +#xwikicontent h3, 297 +#xwikicontent h4, 298 +#xwikicontent h5, 299 +#xwikicontent h6, 300 +#xwikicontent .box-title, 301 +#xwikicontent [role="heading"], 302 +#xwikicontent h1 a, 303 +#xwikicontent h2 a, 304 +#xwikicontent h3 a, 305 +#xwikicontent h4 a, 306 +#xwikicontent h5 a, 307 +#xwikicontent h6 a, 308 +#xwikicontent .box-title a, 309 +#xwikicontent [role="heading"] a{ 310 + text-align:left!important; 311 + text-justify:auto!important; 312 + word-spacing:normal!important; 313 +} 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 315 +/* ---------- Native XWiki semantic callouts ---------- */ 316 +#xwikicontent .box.infomessage, 317 +#xwikicontent .infomessage, 318 +#xwikicontent .box.warningmessage, 319 +#xwikicontent .warningmessage, 320 +#xwikicontent .box.successmessage, 321 +#xwikicontent .successmessage, 322 +#xwikicontent .box.errormessage, 323 +#xwikicontent .errormessage, 324 +#xwikicontent [data-sn-callout-harmonized="1"]{ 325 + box-sizing:border-box!important; 326 + border-radius:8px!important; 327 + border-top:1px solid rgba(0,0,0,.08)!important; 328 + border-right:1px solid rgba(0,0,0,.08)!important; 329 + border-bottom:1px solid rgba(0,0,0,.08)!important; 330 + border-left:4px solid var(--sn-callout-accent,#21b6d7)!important; 331 + padding:14px 16px!important; 332 + text-align:left!important; 333 + text-justify:auto!important; 334 + word-spacing:normal!important; 335 + box-shadow:none!important; 336 +} 38 38 39 -(% style="color:#666;margin-bottom:14px;" %) 40 -Plan, manage, publish, share and preserve artistic and research projects. 338 +#xwikicontent .box.infomessage, 339 +#xwikicontent .infomessage{ 340 + --sn-callout-accent:#21b6d7; 341 + background:#eaf7fb!important; 342 +} 41 41 42 -**I need to…** 344 +#xwikicontent .box.warningmessage, 345 +#xwikicontent .warningmessage{ 346 + --sn-callout-accent:#f0aa00; 347 + background:#fff8e7!important; 348 +} 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 350 +#xwikicontent .box.successmessage, 351 +#xwikicontent .successmessage{ 352 + --sn-callout-accent:#38b76a; 353 + background:#edf9f1!important; 354 +} 47 47 48 -**Includes** 356 +#xwikicontent .box.errormessage, 357 +#xwikicontent .errormessage{ 358 + --sn-callout-accent:#e94b13; 359 + background:#fff1ec!important; 360 +} 49 49 50 -Research projects · research data management · rights & ethics · repositories · publication · preservation 362 +#xwikicontent [data-sn-callout-harmonized="1"] > :first-child, 363 +#xwikicontent .infomessage > :first-child, 364 +#xwikicontent .warningmessage > :first-child, 365 +#xwikicontent .successmessage > :first-child, 366 +#xwikicontent .errormessage > :first-child{ 367 + margin-top:0!important; 368 +} 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 & Research Services</a> 55 -{{/html}} 56 -))) 57 -))) 370 +#xwikicontent [data-sn-callout-harmonized="1"] > :last-child, 371 +#xwikicontent .infomessage > :last-child, 372 +#xwikicontent .warningmessage > :last-child, 373 +#xwikicontent .successmessage > :last-child, 374 +#xwikicontent .errormessage > :last-child{ 375 + margin-bottom:0!important; 376 +} 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 378 +#xwikicontent [data-sn-equal-height-managed], 379 +#xwikicontent [data-sn-first-section-aligned], 380 +#xwikicontent [data-sn-first-content-aligned]{ 381 + box-sizing:border-box; 382 +} 383 +</style> 64 64 65 -(% style="color:#666;margin-bottom:14px;" %) 66 -Find support for studying, teaching, curricula and the learning environment. 385 +<script data-sn-horizontal-box-harmonizer="7"> 386 +(function(){ 387 + "use strict"; 67 67 68 -**I need to…** 389 + var MOBILE_MAX=767; 390 + var ROW_TOLERANCE=6; 391 + var MIN_W=150; 392 + var MIN_H=36; 393 + var MAX_PARENT_CHILDREN=18; 394 + var SEARCH_DEPTH=5; 395 + var RESIZE_DEBOUNCE=220; 396 + var MIN_WIDTH_CHANGE=2; 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 398 + var root= 399 + document.getElementById("xwikicontent")|| 400 + document.querySelector(".xwiki-rendering-content")|| 401 + document.querySelector("main")|| 402 + document.body; 73 73 74 - **Includes**404 + if(!root)return; 75 75 76 -Studienangelegenheiten · Qualitätskultur Lehre & Curricularwerkstatt · Angewandte Abschlussarbeiten · STAR 406 + var heightManaged=new Set(); 407 + var sectionManaged=new Set(); 408 + var contentManaged=new Set(); 77 77 78 -{{html}} 79 -<a href="#service-study-teaching" class="btn btn-default">Explore</a> 80 -{{/html}} 81 -))) 82 -))) 410 + var originalMinHeight=new WeakMap(); 411 + var originalMarginTop=new WeakMap(); 83 83 84 -{{/container}} 413 + var resizeTimer=0; 414 + var lastWidth=-1; 415 + var hasApplied=false; 416 + var applying=false; 85 85 86 -{{container layoutStyle="columns" justify="true"}} 418 + function num(v){ 419 + var n=parseFloat(v); 420 + return Number.isFinite(n)?n:0; 421 + } 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 423 + function visible(el,minW,minH){ 424 + if(!el||el.nodeType!==1)return false; 93 93 94 -(% style="color:#666;margin-bottom:14px;" %) 95 -Support for employment, equal treatment, diversity, disability, accessibility and health. 426 + var s=getComputedStyle(el); 96 96 97 -**I need to…** 428 + if( 429 + s.display==="none"|| 430 + s.visibility==="hidden"|| 431 + Number(s.opacity)===0 432 + ){ 433 + return false; 434 + } 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 436 + var r=el.getBoundingClientRect(); 102 102 103 -**Includes** 438 + return ( 439 + r.width>=(minW||1)&& 440 + r.height>=(minH||1) 441 + ); 442 + } 104 104 105 -Personalmanagement · Personalentwicklung · Gleichbehandlung · Diversität · Behinderung & Barrierefreiheit · Gesundheit · Arbeitsrecht 444 + function normalizeText(text){ 445 + return String(text||"") 446 + .replace(/\s+/g," ") 447 + .trim() 448 + .toUpperCase(); 449 + } 106 106 107 -{{html}} 108 -<a href="#service-people-work" class="btn btn-default">Explore</a> 109 -{{/html}} 110 -))) 111 -))) 451 + function excluded(el){ 452 + return ( 453 + !el.matches|| 454 + el.matches( 455 + "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]" 456 + ) 457 + ); 458 + } 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 460 + /* ---------- Custom coloured callouts ---------- */ 118 118 119 -(% style="color:#666;margin-bottom:14px;" %) 120 -Accounts, systems, software, digital infrastructure and IT support. 462 + function nativeCallout(el){ 463 + var c= 464 + typeof el.className==="string" 465 + ? el.className.toLowerCase() 466 + : ""; 121 121 122 -**I need to…** 468 + return ( 469 + /(^|\s)(infomessage|warningmessage|successmessage|errormessage)(\s|$)/.test(c) 470 + ); 471 + } 123 123 124 -* access an account, system or digital service 125 -* solve an IT problem 126 -* plan or coordinate a digital / IT project 473 + function customCallout(el){ 474 + if(!visible(el,220,42)||excluded(el))return false; 127 127 128 - **Includes**476 + var r=el.getBoundingClientRect(); 129 129 130 - Base·ITD-Projektkoordination·Zentraler Informatikdienst · digitaltools & infrastructure478 + if(r.height>520)return false; 131 131 132 -{{html}} 133 -<a href="#service-it-digital" class="btn btn-default">Explore</a> 134 -{{/html}} 135 -))) 136 -))) 480 + var s=getComputedStyle(el); 137 137 138 -{{/container}} 482 + var bg= 483 + s.backgroundColor&& 484 + s.backgroundColor!=="rgba(0, 0, 0, 0)"&& 485 + s.backgroundColor!=="transparent"&& 486 + s.backgroundColor!=="rgb(255, 255, 255)"; 139 139 140 -{{container layoutStyle="columns" justify="true"}} 488 + var left= 489 + num(s.borderLeftWidth); 141 141 142 -( ((143 - (%style="border:1pxsolid#d9d9d9;border-left:6pxsolid#38b76a;border-radius:12px;background:#fff;box-shadow:01px 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 & Campus491 + return ( 492 + bg&& 493 + left>=2 494 + ); 495 + } 147 147 148 -(% style="color:#666;margin-bottom:14px;" %) 149 -Rooms, buildings, facilities, campus use and operational support. 497 + function harmoniseCustomCallouts(){ 498 + Array.from( 499 + root.querySelectorAll( 500 + "div,aside,section" 501 + ) 502 + ).forEach(function(el){ 503 + if(nativeCallout(el))return; 504 + if(!customCallout(el))return; 150 150 151 - **Ineedto…**506 + var s=getComputedStyle(el); 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 508 + el.setAttribute( 509 + "data-sn-callout-harmonized", 510 + "1" 511 + ); 156 156 157 -**Includes** 513 + if( 514 + s.borderLeftColor 515 + ){ 516 + el.style.setProperty( 517 + "--sn-callout-accent", 518 + s.borderLeftColor 519 + ); 520 + } 521 + }); 522 + } 158 158 159 - Liegenschaften·Raumkoordination·temporäreRaumvergabe·Seminarraum-Ausstattung · Ruheraum· Gebäudetechnik & Sicherheit · Hausordnung· Service&Betrieb524 + /* ---------- Restore only values V7 itself changed ---------- */ 160 160 161 -{{html}} 162 -<a href="#service-rooms-campus" class="btn btn-default">Explore</a> 163 -{{/html}} 164 -))) 165 -))) 526 + function saveOriginal(el,map,property){ 527 + if(map.has(el))return; 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 529 + map.set(el,{ 530 + value: 531 + el.style.getPropertyValue( 532 + property 533 + ), 534 + priority: 535 + el.style.getPropertyPriority( 536 + property 537 + ) 538 + }); 539 + } 172 172 173 - (%style="color:#666;margin-bottom:14px;" %)174 - Buy,pay,budget,send,transportand move things.541 + function restoreOriginal(el,map,property){ 542 + var original=map.get(el); 175 175 176 -**I need to…** 544 + if(original&&original.value){ 545 + el.style.setProperty( 546 + property, 547 + original.value, 548 + original.priority||"" 549 + ); 550 + }else{ 551 + el.style.removeProperty( 552 + property 553 + ); 554 + } 555 + } 177 177 178 -* purchase materials or services 179 -* clarify an invoice, budget or financial process 180 -* send, transport or move items 557 + function resetRuntime(){ 558 + heightManaged.forEach(function(el){ 559 + restoreOriginal( 560 + el, 561 + originalMinHeight, 562 + "min-height" 563 + ); 181 181 182 -**Includes** 565 + el.removeAttribute( 566 + "data-sn-equal-height-managed" 567 + ); 568 + }); 183 183 184 -Beschaffung & Materialmanagement · Controlling · Finanzbuchhaltung · Ressourcenplanung · Post & Logistik · Post-Versand · Transporte · Übersiedlungen 570 + sectionManaged.forEach(function(el){ 571 + restoreOriginal( 572 + el, 573 + originalMarginTop, 574 + "margin-top" 575 + ); 185 185 186 -{{html}} 187 -<a href="#service-finance-logistics" class="btn btn-default">Explore</a> 188 -{{/html}} 189 -))) 190 -))) 577 + el.removeAttribute( 578 + "data-sn-first-section-aligned" 579 + ); 580 + }); 191 191 192 -{{/container}} 582 + contentManaged.forEach(function(el){ 583 + restoreOriginal( 584 + el, 585 + originalMarginTop, 586 + "margin-top" 587 + ); 193 193 194 -{{container layoutStyle="columns" justify="true"}} 589 + el.removeAttribute( 590 + "data-sn-first-content-aligned" 591 + ); 592 + }); 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 594 + heightManaged.clear(); 595 + sectionManaged.clear(); 596 + contentManaged.clear(); 597 + } 201 201 202 -(% style="color:#666;margin-bottom:14px;" %) 203 -Communicate, publish, print, promote and organise events. 599 + /* ---------- Card detection ---------- */ 204 204 205 -**I need to…** 601 + function namedLikeBox(el){ 602 + var c= 603 + typeof el.className==="string" 604 + ? el.className 605 + : ""; 206 206 207 -* communicate or publicise something 208 -* produce a publication, flyer or printed material 209 -* organise or support an event 607 + return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c); 608 + } 210 210 211 -**Includes** 610 + function boxLike(el){ 611 + if( 612 + !visible(el,MIN_W,MIN_H)|| 613 + excluded(el) 614 + ){ 615 + return false; 616 + } 212 212 213 -Presse & Kommunikation · Publikationen · Flyer / Drucksorten · Veranstaltungsmanagement · Open House · Angewandte Festival · Beflaggung 618 + var s=getComputedStyle(el); 619 + var r=el.getBoundingClientRect(); 214 214 215 - {{html}}216 - <ahref="#service-communication-events"class="btnbtn-default">Explore</a>217 - {{/html}}218 -) ))219 -) ))621 + var border= 622 + num(s.borderTopWidth)+ 623 + num(s.borderRightWidth)+ 624 + num(s.borderBottomWidth)+ 625 + num(s.borderLeftWidth); 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 627 + var radius=Math.max( 628 + num(s.borderTopLeftRadius), 629 + num(s.borderTopRightRadius), 630 + num(s.borderBottomLeftRadius), 631 + num(s.borderBottomRightRadius) 632 + ); 226 226 227 -(% style="color:#666;margin-bottom:14px;" %) 228 -Legal questions, privacy, information rights and institutional rules. 634 + var bg= 635 + s.backgroundColor&& 636 + s.backgroundColor!=="rgba(0, 0, 0, 0)"&& 637 + s.backgroundColor!=="transparent"; 229 229 230 -**I need to…** 639 + var shadow= 640 + s.boxShadow&& 641 + s.boxShadow!=="none"; 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 643 + return ( 644 + namedLikeBox(el)|| 645 + border>=1|| 646 + (bg&&radius>=3)|| 647 + (shadow&&r.width>=180) 648 + ); 649 + } 235 235 236 -**Includes** 651 + function pickTarget(child){ 652 + if(!visible(child,MIN_W,MIN_H))return null; 237 237 238 - Rechtsabteilung·Datenschutzbeauftragter·Informationsfreiheitsgesetz · governance&institutionalrules654 + if(boxLike(child))return child; 239 239 240 -{{html}} 241 -<a href="#service-legal-governance" class="btn btn-default">Explore</a> 242 -{{/html}} 243 -))) 244 -))) 656 + var cr=child.getBoundingClientRect(); 657 + var q=[]; 245 245 246 -{{/container}} 659 + Array.from(child.children||[]).forEach(function(el){ 660 + q.push({el:el,depth:1}); 661 + }); 247 247 248 -{{container layoutStyle="columns" justify="true"}} 663 + var best=null; 664 + var bestScore=-Infinity; 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 666 + while(q.length){ 667 + var item=q.shift(); 668 + var el=item.el; 255 255 256 -(% style="color:#666;margin-bottom:14px;" %) 257 -International mobility, exchange and international support. 670 + if(!visible(el,MIN_W,MIN_H))continue; 258 258 259 - **Ineedto…**672 + var r=el.getBoundingClientRect(); 260 260 261 -* plan an international stay or exchange 262 -* ask about mobility opportunities 263 -* find support for an international context 674 + if( 675 + r.width>=cr.width*.68&& 676 + boxLike(el) 677 + ){ 678 + var widthFit= 679 + 1-Math.min( 680 + 1, 681 + Math.abs(cr.width-r.width)/ 682 + Math.max(1,cr.width) 683 + ); 264 264 265 -**Includes** 685 + var topFit= 686 + 1-Math.min( 687 + 1, 688 + Math.abs(cr.top-r.top)/100 689 + ); 266 266 267 -International Office services and mobility support 691 + var score= 692 + widthFit*6+ 693 + topFit*3+ 694 + Math.min(r.height,900)/450+ 695 + Math.min(r.width*r.height,900000)/900000; 268 268 269 - {{html}}270 - <ahref="#service-international"class="btnbtn-default">Explore</a>271 - {{/html}}272 - )))273 - )))697 + if(score>bestScore){ 698 + best=el; 699 + bestScore=score; 700 + } 701 + } 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 703 + if(item.depth<SEARCH_DEPTH){ 704 + Array.from(el.children||[]).forEach(function(next){ 705 + q.push({ 706 + el:next, 707 + depth:item.depth+1 708 + }); 709 + }); 710 + } 711 + } 280 280 281 - (%style="color:#666;margin-bottom:14px;" %)282 - Find,accessand work with literature, media and library resources.713 + return best; 714 + } 283 283 284 -**I need to…** 716 + function groupRows(entries){ 717 + var groups=[]; 285 285 286 -* find literature or other media 287 -* access library resources 288 -* get help with research and information discovery 719 + entries 720 + .slice() 721 + .sort(function(a,b){ 722 + return ( 723 + a.rect.top-b.rect.top|| 724 + a.rect.left-b.rect.left 725 + ); 726 + }) 727 + .forEach(function(entry){ 728 + var group=null; 289 289 290 -**Includes** 730 + for(var i=0;i<groups.length;i++){ 731 + if( 732 + Math.abs( 733 + groups[i].top- 734 + entry.rect.top 735 + )<=ROW_TOLERANCE 736 + ){ 737 + group=groups[i]; 738 + break; 739 + } 740 + } 291 291 292 -Universitätsbibliothek and library services 742 + if(!group){ 743 + group={ 744 + top:entry.rect.top, 745 + entries:[] 746 + }; 747 + groups.push(group); 748 + } 293 293 294 -{{html}} 295 -<a href="#service-library" class="btn btn-default">Explore</a> 296 -{{/html}} 297 -))) 298 -))) 750 + group.entries.push(entry); 751 + }); 299 299 300 -{{/container}} 753 + return groups; 754 + } 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 -))) 756 + function validRow(group){ 757 + if(group.entries.length<2)return false; 306 306 307 -= Service areas in detail = 759 + var lefts= 760 + group.entries 761 + .map(function(e){return e.rect.left;}) 762 + .sort(function(a,b){return a-b;}); 308 308 309 -{{html}}<span id="service-art-research"></span>{{/html}} 310 -== 1. Art & Research Services == 764 + if( 765 + lefts[lefts.length-1]- 766 + lefts[0]< 767 + 80 768 + ){ 769 + return false; 770 + } 311 311 312 -**Typical questions** 772 + var widths= 773 + group.entries 774 + .map(function(e){return e.rect.width;}) 775 + .filter(function(w){return w>0;}); 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? 777 + if(widths.length<2)return false; 319 319 320 -**Services & topics** 779 + var minW= 780 + Math.min.apply(Math,widths); 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 782 + var maxW= 783 + Math.max.apply(Math,widths); 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"]] 785 + return ( 786 + maxW/ 787 + Math.max(1,minW)<= 788 + 1.9 789 + ); 790 + } 336 336 337 ----- 792 + /* ---------- Known ARSN first section bars ---------- */ 338 338 339 -{{html}}<span id="service-study-teaching"></span>{{/html}} 340 -== 2. Study, Teaching & Curriculum == 794 + function knownBar(el){ 795 + var text= 796 + normalizeText( 797 + el.textContent 798 + ); 341 341 342 -**Typical questions** 800 + return ( 801 + text==="HIER STARTEN"|| 802 + text==="ORGANISIEREN & DOKUMENTIEREN"|| 803 + text==="ENTSCHEIDEN"|| 804 + text==="START HERE"|| 805 + text==="GET STARTED"|| 806 + text==="ORGANISE & DOCUMENT"|| 807 + text==="ORGANIZE & DOCUMENT"|| 808 + text==="DECIDE" 809 + ); 810 + } 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. 812 + function findKnownBar(card){ 813 + var cardRect= 814 + card.getBoundingClientRect(); 348 348 349 -**Primary services & topics** 816 + var rows= 817 + Array.from( 818 + card.querySelectorAll( 819 + "div,p,span,strong,h3,h4,h5,h6" 820 + ) 821 + ) 822 + .filter(function(el){ 823 + if(!visible(el,20,6))return false; 824 + if(!knownBar(el))return false; 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) 826 + var r=el.getBoundingClientRect(); 357 357 358 ----- 828 + var rel= 829 + r.top- 830 + cardRect.top; 359 359 360 -{{html}}<span id="service-people-work"></span>{{/html}} 361 -== 3. People, Equality, Health & Work == 832 + return ( 833 + rel>=35&& 834 + rel<= 835 + cardRect.height*.75 836 + ); 837 + }) 838 + .sort(function(a,b){ 839 + return ( 840 + a.getBoundingClientRect().top- 841 + b.getBoundingClientRect().top 842 + ); 843 + }); 362 362 363 -**Typical questions** 845 + return rows[0]||null; 846 + } 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. 848 + function alignKnownBars(cards){ 849 + var rows= 850 + cards.map(function(card){ 851 + var bar= 852 + findKnownBar(card); 371 371 372 - **Primary services &topics**854 + if(!bar)return null; 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 856 + var cr= 857 + card.getBoundingClientRect(); 387 387 388 -**Important cross-links** 859 + var br= 860 + bar.getBoundingClientRect(); 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. 862 + return { 863 + bar:bar, 864 + relativeTop: 865 + br.top- 866 + cr.top 867 + }; 868 + }); 392 392 393 ----- 870 + if( 871 + rows.some(function(row){ 872 + return !row; 873 + }) 874 + ){ 875 + return false; 876 + } 394 394 395 -{{html}}<span id="service-it-digital"></span>{{/html}} 396 -== 4. IT & Digital Services == 878 + var target= 879 + Math.max.apply( 880 + Math, 881 + rows.map(function(row){ 882 + return row.relativeTop; 883 + }) 884 + ); 397 397 398 -**Typical questions** 886 + rows.forEach(function(row){ 887 + var delta= 888 + target- 889 + row.relativeTop; 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. 891 + if(delta<=1)return; 404 404 405 -**Primary services & topics** 893 + saveOriginal( 894 + row.bar, 895 + originalMarginTop, 896 + "margin-top" 897 + ); 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 899 + var current= 900 + num( 901 + getComputedStyle( 902 + row.bar 903 + ).marginTop 904 + ); 415 415 416 ----- 906 + row.bar.style.setProperty( 907 + "margin-top", 908 + ( 909 + current+ 910 + delta 911 + )+"px" 912 + ); 417 417 418 -{{html}}<span id="service-rooms-campus"></span>{{/html}} 419 -== 5. Rooms, Buildings & Campus == 914 + row.bar.setAttribute( 915 + "data-sn-first-section-aligned", 916 + "7" 917 + ); 420 420 421 -**Typical questions** 919 + sectionManaged.add( 920 + row.bar 921 + ); 922 + }); 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. 924 + return true; 925 + } 427 427 428 -* *Primaryservices&topics**927 + /* ---------- Generic first content after heading ---------- */ 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 929 + function heading(card){ 930 + var cr= 931 + card.getBoundingClientRect(); 441 441 442 -**Cross-links** 933 + var rows= 934 + Array.from( 935 + card.querySelectorAll( 936 + "h1,h2,h3,h4,h5,h6,.box-title,[role=heading]" 937 + ) 938 + ) 939 + .filter(function(el){ 940 + if(!visible(el,20,8))return false; 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**. 942 + var r=el.getBoundingClientRect(); 446 446 447 ----- 944 + var rel= 945 + r.top- 946 + cr.top; 448 448 449 -{{html}}<span id="service-finance-logistics"></span>{{/html}} 450 -== 6. Purchasing, Finance & Logistics == 948 + return ( 949 + rel>=0&& 950 + rel<= 951 + Math.min( 952 + 160, 953 + cr.height*.45 954 + ) 955 + ); 956 + }) 957 + .sort(function(a,b){ 958 + return ( 959 + a.getBoundingClientRect().top- 960 + b.getBoundingClientRect().top 961 + ); 962 + }); 451 451 452 -**Typical questions** 964 + return rows[0]||null; 965 + } 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. 967 + function firstContent(card,h){ 968 + if(!h)return null; 458 458 459 -**Primary services & topics** 970 + var cr= 971 + card.getBoundingClientRect(); 460 460 461 -* Beschaffung & Materialmanagement 462 -* Controlling 463 -* Finanzbuchhaltung 464 -* Ressourcenplanung 465 -* Post & Logistik 466 -* Post-Versand 467 -* Transporte 468 -* Übersiedlungen 973 + var hr= 974 + h.getBoundingClientRect(); 469 469 470 -**Why these belong together** 976 + var rows= 977 + Array.from( 978 + card.querySelectorAll( 979 + "p,div,ul,ol,dl,blockquote" 980 + ) 981 + ) 982 + .filter(function(el){ 983 + if( 984 + el===h|| 985 + h.contains(el)|| 986 + el.contains(h) 987 + ){ 988 + return false; 989 + } 471 471 472 - Fromauser'sperspectivetheseformonepracticalchain: //I need something → I procure it → I pay / accountforit → it isdelivered,sent, transported or moved.//991 + if(!visible(el,30,8))return false; 473 473 474 ----- 993 + var text= 994 + String(el.textContent||"") 995 + .replace(/\s+/g," ") 996 + .trim(); 475 475 476 -{{html}}<span id="service-communication-events"></span>{{/html}} 477 -== 7. Communication, Media & Events == 998 + if(text.length<3)return false; 478 478 479 - **Typicalquestions**1000 + var r=el.getBoundingClientRect(); 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. 1002 + if( 1003 + r.top< 1004 + hr.bottom-1 1005 + ){ 1006 + return false; 1007 + } 485 485 486 -**Primary services & topics** 1009 + if( 1010 + r.top-cr.top> 1011 + Math.min( 1012 + 280, 1013 + cr.height*.65 1014 + ) 1015 + ){ 1016 + return false; 1017 + } 487 487 488 -* Presse & Kommunikation 489 -* Publikationen 490 -* Flyer / Drucksorten kleinformatig 491 -* Veranstaltungsmanagement 492 -* Open House 493 -* Angewandte Festival 494 -* Beflaggung 1019 + if( 1020 + r.height> 1021 + cr.height*.58 1022 + ){ 1023 + return false; 1024 + } 495 495 496 -**Cross-links** 1026 + return true; 1027 + }) 1028 + .sort(function(a,b){ 1029 + var ar= 1030 + a.getBoundingClientRect(); 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** 1032 + var br= 1033 + b.getBoundingClientRect(); 501 501 502 ----- 1035 + return ( 1036 + ar.top-br.top|| 1037 + ar.height-br.height 1038 + ); 1039 + }); 503 503 504 - {{html}}<spanid="service-legal-governance"></span>{{/html}}505 - ==8.Legal, Data Protection & Governance ==1041 + return rows[0]||null; 1042 + } 506 506 507 -**Typical questions** 1044 + function alignGeneric(cards){ 1045 + var rows= 1046 + cards.map(function(card){ 1047 + var h= 1048 + heading(card); 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. 1050 + var c= 1051 + firstContent( 1052 + card, 1053 + h 1054 + ); 513 513 514 - **Primaryservices&topics**1056 + if(!h||!c)return null; 515 515 516 -* Rechtsabteilung 517 -* Datenschutzbeauftragter 518 -* Informationsfreiheitsgesetz 519 -* general legal questions 520 -* data protection / privacy 521 -* institutional rules and governance 1058 + var cr= 1059 + card.getBoundingClientRect(); 522 522 523 -**Cross-links** 1061 + var rr= 1062 + c.getBoundingClientRect(); 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**. 1064 + return { 1065 + content:c, 1066 + relativeTop: 1067 + rr.top-cr.top 1068 + }; 1069 + }); 527 527 528 ----- 1071 + if( 1072 + rows.some(function(row){ 1073 + return !row; 1074 + }) 1075 + ){ 1076 + return false; 1077 + } 529 529 530 -{{html}}<span id="service-international"></span>{{/html}} 531 -== 9. International Office == 1079 + var target= 1080 + Math.max.apply( 1081 + Math, 1082 + rows.map(function(row){ 1083 + return row.relativeTop; 1084 + }) 1085 + ); 532 532 533 -**Typical questions** 1087 + rows.forEach(function(row){ 1088 + var delta= 1089 + target- 1090 + row.relativeTop; 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. 1092 + if(delta<=1)return; 538 538 539 -**Primary services & topics** 1094 + saveOriginal( 1095 + row.content, 1096 + originalMarginTop, 1097 + "margin-top" 1098 + ); 540 540 541 -* International Office 542 -* mobility 543 -* exchange 544 -* international support 1100 + var current= 1101 + num( 1102 + getComputedStyle( 1103 + row.content 1104 + ).marginTop 1105 + ); 545 545 546 -This remains a separate service area because its user needs and expertise are distinct from the other clusters. 1107 + row.content.style.setProperty( 1108 + "margin-top", 1109 + ( 1110 + current+ 1111 + delta 1112 + )+"px" 1113 + ); 547 547 548 ----- 1115 + row.content.setAttribute( 1116 + "data-sn-first-content-aligned", 1117 + "7" 1118 + ); 549 549 550 -{{html}}<span id="service-library"></span>{{/html}} 551 -== 10. University Library == 1120 + contentManaged.add( 1121 + row.content 1122 + ); 1123 + }); 552 552 553 -**Typical questions** 1125 + return true; 1126 + } 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. 1128 + function applyRow(group){ 1129 + if(!validRow(group))return false; 558 558 559 -**Primary services & topics** 1131 + var cards=[]; 1132 + var seen=new Set(); 560 560 561 -* Universitätsbibliothek 562 -* literature and media 563 -* library access 564 -* information discovery 565 -* library support 1134 + group.entries.forEach(function(entry){ 1135 + if(!seen.has(entry.target)){ 1136 + seen.add(entry.target); 1137 + cards.push(entry.target); 1138 + } 1139 + }); 566 566 567 - Thisremainsaseparateservicearea becauselibrary services formtheirown coherentuserjourneyand are not an organisational extension ofthe InternationalOffice or Art & Research Services.1141 + if(cards.length<2)return false; 568 568 569 ----- 1143 + if( 1144 + !alignKnownBars(cards) 1145 + ){ 1146 + alignGeneric(cards); 1147 + } 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 -))) 1149 + var maxHeight=0; 577 577 1151 + cards.forEach(function(card){ 1152 + maxHeight= 1153 + Math.max( 1154 + maxHeight, 1155 + card.getBoundingClientRect().height 1156 + ); 1157 + }); 1158 + 1159 + maxHeight= 1160 + Math.ceil( 1161 + maxHeight 1162 + ); 1163 + 1164 + if(maxHeight<MIN_H)return false; 1165 + 1166 + cards.forEach(function(card){ 1167 + saveOriginal( 1168 + card, 1169 + originalMinHeight, 1170 + "min-height" 1171 + ); 1172 + 1173 + card.style.setProperty( 1174 + "min-height", 1175 + maxHeight+"px" 1176 + ); 1177 + 1178 + card.setAttribute( 1179 + "data-sn-equal-height-managed", 1180 + "7" 1181 + ); 1182 + 1183 + heightManaged.add(card); 1184 + }); 1185 + 1186 + return true; 1187 + } 1188 + 1189 + function calculate(force){ 1190 + if(applying)return; 1191 + 1192 + var width= 1193 + Math.round( 1194 + window.innerWidth 1195 + ); 1196 + 1197 + var meaningful= 1198 + lastWidth<0|| 1199 + Math.abs( 1200 + width- 1201 + lastWidth 1202 + )>= 1203 + MIN_WIDTH_CHANGE; 1204 + 1205 + if( 1206 + hasApplied&& 1207 + !force&& 1208 + !meaningful 1209 + ){ 1210 + return; 1211 + } 1212 + 1213 + applying=true; 1214 + 1215 + try{ 1216 + harmoniseCustomCallouts(); 1217 + 1218 + if(width<=MOBILE_MAX){ 1219 + if(hasApplied){ 1220 + resetRuntime(); 1221 + } 1222 + 1223 + hasApplied=false; 1224 + lastWidth=width; 1225 + return; 1226 + } 1227 + 1228 + if(hasApplied){ 1229 + resetRuntime(); 1230 + } 1231 + 1232 + var parents= 1233 + Array.from( 1234 + root.querySelectorAll("*") 1235 + ) 1236 + .filter(function(parent){ 1237 + return ( 1238 + visible( 1239 + parent, 1240 + MIN_W, 1241 + MIN_H 1242 + )&& 1243 + parent.children&& 1244 + parent.children.length>=2&& 1245 + parent.children.length<= 1246 + MAX_PARENT_CHILDREN 1247 + ); 1248 + }); 1249 + 1250 + var touched= 1251 + new Set(); 1252 + 1253 + parents.forEach(function(parent){ 1254 + var entries=[]; 1255 + 1256 + Array.from( 1257 + parent.children 1258 + ).forEach(function(child){ 1259 + if( 1260 + !visible( 1261 + child, 1262 + MIN_W, 1263 + MIN_H 1264 + ) 1265 + ){ 1266 + return; 1267 + } 1268 + 1269 + var target= 1270 + pickTarget(child); 1271 + 1272 + if(!target)return; 1273 + 1274 + entries.push({ 1275 + target:target, 1276 + rect: 1277 + target.getBoundingClientRect() 1278 + }); 1279 + }); 1280 + 1281 + groupRows( 1282 + entries 1283 + ).forEach(function(group){ 1284 + if(!validRow(group))return; 1285 + 1286 + var targets= 1287 + group.entries.map(function(entry){ 1288 + return entry.target; 1289 + }); 1290 + 1291 + if( 1292 + !targets.some(function(el){ 1293 + return !touched.has(el); 1294 + }) 1295 + ){ 1296 + return; 1297 + } 1298 + 1299 + if(applyRow(group)){ 1300 + targets.forEach(function(el){ 1301 + touched.add(el); 1302 + }); 1303 + } 1304 + }); 1305 + }); 1306 + 1307 + lastWidth=width; 1308 + hasApplied=true; 1309 + }finally{ 1310 + applying=false; 1311 + } 1312 + } 1313 + 1314 + function resize(){ 1315 + if(resizeTimer){ 1316 + clearTimeout( 1317 + resizeTimer 1318 + ); 1319 + } 1320 + 1321 + resizeTimer= 1322 + setTimeout( 1323 + function(){ 1324 + resizeTimer=0; 1325 + calculate(false); 1326 + }, 1327 + RESIZE_DEBOUNCE 1328 + ); 1329 + } 1330 + 1331 + function waitImages(){ 1332 + var images= 1333 + Array.from( 1334 + root.querySelectorAll("img") 1335 + ); 1336 + 1337 + return Promise.all( 1338 + images.map(function(img){ 1339 + if(img.complete){ 1340 + return Promise.resolve(); 1341 + } 1342 + 1343 + return new Promise(function(resolve){ 1344 + var done=function(){ 1345 + resolve(); 1346 + }; 1347 + 1348 + img.addEventListener( 1349 + "load", 1350 + done, 1351 + {once:true} 1352 + ); 1353 + 1354 + img.addEventListener( 1355 + "error", 1356 + done, 1357 + {once:true} 1358 + ); 1359 + }); 1360 + }) 1361 + ); 1362 + } 1363 + 1364 + async function initial(){ 1365 + if( 1366 + document.readyState!== 1367 + "complete" 1368 + ){ 1369 + await new Promise(function(resolve){ 1370 + addEventListener( 1371 + "load", 1372 + resolve, 1373 + {once:true} 1374 + ); 1375 + }); 1376 + } 1377 + 1378 + if( 1379 + document.fonts&& 1380 + document.fonts.ready 1381 + ){ 1382 + try{ 1383 + await document.fonts.ready; 1384 + }catch(error){} 1385 + } 1386 + 1387 + await waitImages(); 1388 + 1389 + // Exactly one initial layout calculation. 1390 + calculate(true); 1391 + } 1392 + 1393 + addEventListener( 1394 + "resize", 1395 + resize, 1396 + {passive:true} 1397 + ); 1398 + 1399 + initial(); 1400 +})(); 1401 +</script> 1402 + 1403 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_END --> 1404 +{{/html}}\n
- XWiki.XWikiRights[0]
-
- allow
-
... ... @@ -1,0 +1,1 @@ 1 +Allow - levels
-
... ... @@ -1,0 +1,1 @@ 1 +view - users
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.XWikiGuest
- XWiki.XWikiRights[1]
-
- allow
-
... ... @@ -1,0 +1,1 @@ 1 +Allow - groups
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.XWikiAllGroup - levels
-
... ... @@ -1,0 +1,1 @@ 1 +view
- XWiki.XWikiRights[2]
-
- allow
-
... ... @@ -1,0 +1,1 @@ 1 +Allow - groups
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.OE-0000211 - levels
-
... ... @@ -1,0 +1,1 @@ 1 +view,comment,edit,script
- XWiki.XWikiRights[3]
-
- allow
-
... ... @@ -1,0 +1,1 @@ 1 +Allow - levels
-
... ... @@ -1,0 +1,1 @@ 1 +view,comment,edit,script - users
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.p0010210