1 2<!DOCTYPE html> 3 4<html prefix="og: http://ogp.me/ns#" lang="en"> 5 <head> 6 <title>Venue - Nearby Hotel Options</title> 7 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 10 <meta name="HandheldFriendly" content="true" /> 11 <meta name="mobile-web-app-capable" content="yes" /> 12 <meta name="description" content="Get a room! Here are some official options for you." /> 13 <meta name="keywords" content="Eurofurence, Eurofurence 31, EF 31, EF31, Hotel, Accommodation, Rooms" /> 14 <meta name="robots" content="index, follow, noodp" /> 15 <meta name="author" content="[email protected]" /> 16 <meta name="rating" content="general" /> 17 <meta name="theme-color" content="#005953" /> 18 <meta name="google" content="notranslate" /><!-- prevent Edge/Bing from "translating" this page --> 19 20 <base href="https://www.eurofurence.org/EF31/" /> 21 22 <link rel="apple-touch-icon" sizes="57x57" href="img/icon/apple-icon-57x57.png"> 23 <link rel="apple-touch-icon" sizes="60x60" href="img/icon/apple-icon-60x60.png"> 24 <link rel="apple-touch-icon" sizes="72x72" href="img/icon/apple-icon-72x72.png"> 25 <link rel="apple-touch-icon" sizes="76x76" href="img/icon/apple-icon-76x76.png"> 26 <link rel="apple-touch-icon" sizes="114x114" href="img/icon/apple-icon-114x114.png"> 27 <link rel="apple-touch-icon" sizes="120x120" href="img/icon/apple-icon-120x120.png"> 28 <link rel="apple-touch-icon" sizes="144x144" href="img/icon/apple-icon-144x144.png"> 29 <link rel="apple-touch-icon" sizes="152x152" href="img/icon/apple-icon-152x152.png"> 30 <link rel="apple-touch-icon" sizes="180x180" href="img/icon/apple-icon-180x180.png"> 31 <link rel="icon" type="image/png" sizes="192x192" href="img/icon/android-icon-192x192.png"> 32 <link rel="icon" type="image/png" sizes="32x32" href="img/icon/favicon-32x32.png"> 33 <link rel="icon" type="image/png" sizes="96x96" href="img/icon/favicon-96x96.png"> 34 <link rel="icon" type="image/png" sizes="16x16" href="img/icon/favicon-16x16.png"> 35 <link rel="shortcut icon" href="favicon.ico"> 36 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> 37 38 <meta name="twitter:card" content="summary_large_image" /> 39 <meta name="twitter:site" content="@eurofurence" /> 40 <meta name="twitter:creator" content="@eurofurence" /> 41 <meta name="twitter:title" content="Venue - Nearby Hotel Options" /> 42 <meta name="twitter:description" content="Get a room! Here are some official options for you." /> 43 <meta name="twitter:image" content="https://www.eurofurence.org/EF31/img/ogp/default.jpg" /> 44 45 <meta property="og:image" content="https://www.eurofurence.org/EF31/img/ogp/default.jpg" /> 46 <meta property="og:image:width" content="1200" /> 47 <meta property="og:image:height" content="630" /> 48 <meta property="og:title" content="Venue - Nearby Hotel Options" /> 49 <meta property="og:description" content="Get a room! Here are some official options for you." /> 50 <meta property="og:type" content="website" /> 51 <meta property="og:url" content="https://www.eurofurence.org/EF31/hotels" /> 52 <meta property="og:site_name" content="Eurofurence 31 - Midnight at the Lab" /> 53 54 <link rel="canonical" href="https://www.eurofurence.org/EF31/hotels" /> 55 56 57 58
58<script type="application/ld+json"> 59 { 60 "@context": "http://schema.org", 61 "@type": "BreadcrumbList", 62 "itemListElement": 63 [ 64 { 65 "@type": "ListItem", 66 "position": 1, 67 "item": 68 { 69 "@id": "https://www.eurofurence.org", 70 "name": "Eurofurence 31" 71 } 72 } 73 ,{ 74 "@type": "ListItem", 75 "position": 2, 76 "item": 77 { 78 "@id": "https://www.eurofurence.org/EF31/hotels", 79 "name": "Hotel Options" 80 } 81 } 82 ] 83 } 84 </script>
84 85 86
86<script type='application/ld+json'> 87 { 88 "@context": "http://www.schema.org", 89 "@type": "Event", 90 "name": "Eurofurence 31", 91 "url": "https://www.eurofurence.org", 92 "organizer": { 93 "@name": "Eurofurence e.V.", 94 "url": "https://www.eurofurence.de/" 95 }, 96 "description": "The 31st edition of Europe's largest furry convention, themed 'Midnight at the Lab'", 97 "startDate": "2027-08-18", 98 "endDate": "2027-08-22", 99 "eventStatus": "https://schema.org/EventScheduled", 100 "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode", 101 "image": "https://www.eurofurence.org/EF31/img/ogp/default.jpg", 102 "location": { 103 "@type": "Place", 104 "name": "CCH Hamburg", 105 "sameAs": "https://www.cch.de/", 106 "address": { 107 "@type": "PostalAddress", 108 "streetAddress": "Congresspl. 1", 109 "addressLocality": "Hamburg", 110 "postalCode": "20355", 111 "addressCountry": "Germany" 112 } 113 } 114 } 115 </script>
115 116 117
117<script type="application/ld+json"> 118 { 119 "@context": "http://schema.org", 120 "@type": "Organization", 121 "name": "Eurofurence", 122 "url": "https://www.eurofurence.org", 123 "logo": "https://www.eurofurence.org/EF31/apple_favicon.png", 124 "sameAs": [ 125 "https://twitter.com/eurofurence", 126 "https://www.facebook.com/Eurofurence", 127 "https://vimeo.com/eurofurence" 128 ] 129 } 130 </script>
130 131 132
132<script src="src/env-config.php"></script>
132 133 134 <link rel="stylesheet" href="css/uikit.min.css" /> 135 <link rel="stylesheet" href="css/main.css" /> 136 <link rel="stylesheet" href="css/responsive.css" /> 137 <link rel="stylesheet" href="css/theme.css" /> 138 <link rel="stylesheet" href="css/efnav.css" /> 139 </head> 140 141 <body> 142 <header> 143 <button id="nav-toggle" aria-label="Toggle navigation bar" aria-expanded="false" tabindex="0"> 144 <img src="img/menu-icon.svg" alt="menu icon" /> 145 </button> 146 147 <nav> 148 <div id="ef-nav-home"><a href="home" uk-tooltip="pos:bottom" title="Home"></a></div> 149 <div id="ef-nav-menu"><ul><li><a class="has-submenu" role="button" aria-expanded="false" tabindex="0">Location</a><ul><li><a href="venue" class="">CCH Hamburg (Venue)</a></li><li><a href="hotels" class="">Hotel Options</a></li><li><a href="sponsors" class="">Sponsors</a></li></ul><li><a class="has-submenu" role="button" aria-expanded="false" tabindex="0">Program</a><ul><li><a href="fursuiting" class="">Fursuiting</a></li><li><a href="fursuitlounge" class="">Fursuit Lounge</a></li><li><a href="photography" class="">Photography</a></li></ul><li><a class="has-submenu" role="button" aria-expanded="false" tabindex="0">Participate</a><ul><li><a href="jobs" class="">Open Staff Positions</a></li><li><a href="accessibility" class="">Accessibility</a></li></ul><li><a class="has-submenu" role="button" aria-expanded="false" tabindex="0">Services</a><ul><li><a href="https://help.eurofurence.org/" class="" target="_blank">Contact & Help</a></li><li><a href="lostandfound" class="">Lost and Found</a></li><li><a href="https://archive.eurofurence.org/" class="" target="_blank">Archive</a></li><li><a href="daily" class="">Daily Eurofurence</a></li></ul><li><a class="has-submenu" role="button" aria-expanded="false" tabindex="0">Policies</a><ul><li><a href="https://help.eurofurence.org/legal/terms/" class="" target="_blank">Terms and Conditions</a></li><li><a href="https://help.eurofurence.org/legal/roc/" class="" target="_blank">Rules of Conduct</a></li><li><a href="policies" class="">Event Policies</a></li><li><a href="website" class="">About the Website</a></li></ul></ul></div> 150 </nav> 151 </header> 152 153 <a 154 id="ef-to-top" 155 class="uk-icon-button" 156 href="" 157 uk-totop 158 uk-scroll 159 data-threshold="100" 160 aria-label="Back to top" 161 ></a> 162 163 <main> 164 <div id="content"> 165 166<section> 167 <h1>Hotel Options</h1> 168 <p class="uk-text-center">We are preparing some deals for you. Stay tuned.</p> 169</section> 170 171 172 173<section> 174 <h1>Partner Deals</h1> 175 <p>More options provided by our partner, Kuoni:</p> 176 <!-- by the order of Cheetah, we are to allow all external domains; implemented by disabling CSP headers completely on vserver level --> 177 <div 178 tabindex="0" 179 class="consent-cover uk-width-1-1" 180 data-element-type="iframe" 181 data-src="pages/hotels/kuoni.html" 182 data-class="uk-width-1-1" 183 data-title="Eurofurence Hotels" 184 data-uk-height-viewport="offset-bottom: 120px" 185 >Consent required: Click here to allow external contents.</div> 186 187 <hr /> 188 189 <div class="uk-child-width-1-2@m uk-grid-divider uk-text-left" uk-grid> 190 <div> 191 <h4><span uk-icon="warning"></span>Notice regarding hotel booking:</h4> 192 <p>The booking of accommodations is offered through a third-party provider. The contracting party for the hotel booking is solely the respective provider/hotelier. The convention organizer and the ticketing portal act only as intermediaries and are not contracting parties for the accommodation service. No packaged tour or linked travel arrangement within the meaning of §§ 651a et seq. BGB is created. Any claims in connection with the hotel booking must be made directly with the hotel or the booking portal.</p> 193 </div> 194 <div> 195 <h4><span uk-icon="warning"></span>Hinweis zur Hotelbuchung:</h4> 196 <p>Die angebotene Unterkunftsbuchung erfolgt über einen Drittanbieter. Vertragspartner für die Hotelbuchung ist ausschlieÃlich der jeweilige Anbieter/Hotelier. Der Convention-Veranstalter sowie das Ticketing-Portal treten hierbei lediglich als Vermittler auf und sind nicht Vertragspartner der Unterkunftsleistung. Es entsteht keine Pauschalreise oder verbundene Reiseleistung im Sinne der §§ 651a ff. BGB. Etwaige Ansprüche im Zusammenhang mit der Hotelbuchung sind direkt gegenüber dem Hotel bz
196w. dem Buchungsportal geltend zu machen.</p> 197 </div> 198 </div> 199</section> 200 </div> 201 </main> 202 203 <footer> 204 <div class="ef-footer-brand"> 205 <div class="ef-footer-identity"> 206 <img class="ef-footer-logo" src="img/theme-logo-60w.png" alt="" aria-hidden="true" /> 207 <div> 208 <h2 id="ef-footer-title">Eurofurence 31</h2> 209 <p class="ef-footer-tagline">Midnight at the Lab</p> 210 </div> 211 </div> 212 213 <div class="ef-footer-social"> 214 <a href="home" class="uk-icon-button uk-icon" uk-tooltip="pos:top" title="Homepage" uk-icon="home"></a> 215 <a target="_blank" href="https://t.me/s/efnotifications" class="uk-icon-button uk-icon" uk-tooltip="pos:top" title="Telegram" uk-icon="telegram"></a> 216 <a target="_blank" href="https://meow.social/@eurofurence" class="uk-icon-button uk-icon" uk-tooltip="pos:top" title="Mastodon" uk-icon="mastodon" rel="me"></a> 217 <a target="_blank" href="https://bsky.app/profile/eurofurence.org" class="uk-icon-button uk-icon" uk-tooltip="pos:top" title="Bluesky" uk-icon="bluesky"></a> 218 <a target="_blank" href="https://vimeo.com/eurofurence" class="uk-icon-button uk-icon" uk-tooltip="pos:top" title="Vimeo" uk-icon="vimeo"></a> 219 <a target="_blank" href="https://discord.com/invite/VMESBMM" class="uk-icon-button uk-icon" uk-tooltip="pos:top" title="Discord" uk-icon="discord"></a> 220 </div> 221 </div> 222 223 <div class="ef-footer-columns"> 224 <div class="ef-footer-col"> 225 <ul class="ef-footer-facts"> 226 <li><span uk-icon="icon: location" class="ef-uk-icon-lift"></span>CCH Hamburg, Germany</li> 227 <li><span uk-icon="icon: calendar" class="ef-uk-icon-lift"></span>August 18th to August 22nd, 2027</li> 228 </ul> 229 <div> 230 <h5>Eurofurence App</h5> 231 <div class="ef-footer-apps"> 232 <a href="https://itunes.apple.com/us/app/eurofurence-convention/id1112547322" target="_blank" class="uk-box-shadow-hover-large ef-app-badge"> 233 <img src="img/apple-appstore.svg" alt="Eurofurence app for iOS" /> 234 </a> 235 <a href="https://play.google.com/store/apps/details?id=org.eurofurence.connavigator" target="_blank" class="uk-box-shadow-hover-large ef-app-badge"> 236 <img src="img/google-playstore.svg" alt="Eurofurence app for Android" /> 237 </a> 238 </div> 239 </div> 240 </div> 241 242 <div class="ef-footer-col"> 243 <h5>Convention Network</h5> 244 <div id="links"> 245 <div uk-slideshow="autoplay: true; autoplay-interval: 3000; animation: pull; ratio: 5:2"> 246 <div class="ef-partners-slides uk-box-shadow-hover-large"> 247 <ul class="uk-slideshow-items js-disabled" id="partners"> 248 <li>JavaScript required to view links to other conventions.</li> 249 </ul> 250 </div> 251 <ul class="uk-slideshow-nav uk-dotnav uk-flex-center ef-slideshow-nav-below"></ul> 252 </div> 253 </div> 254 </div> 255 256 <div class="ef-footer-col"> 257 <div> 258 <h5>Help & Legal</h5> 259 <ul class="ef-footer-links"> 260 <li><a href="https://help.eurofurence.org/contact" target="_blank"><span uk-icon="icon:mail" class="ef-uk-icon-lift"></span>Contact Us</a></li> 261 <li><a href="https://help.eurofurence.org/legal/privacy" target="_blank"><span uk-icon="icon:bookmark" class="ef-uk-icon-lift"></span>Legal & Privacy Statement</a></li> 262 <li><a href="website"><span uk-icon="icon:heart" class="ef-uk-icon-lift"></span>Site Attributions</a></li> 263 <li class="ef-footer-rate-row"> 264 <span class="ef-footer-rate-label"> 265 <span uk-icon="icon: star" class="ef-uk-icon-lift"></span> 266 Rate this page: 267 </span> 268 <div class="page-rating-stars" uk-toggle="target: #page-rating"> 269 <button class="ef-page-rating 1" data-rating="1" aria-label="Rate this page 1 out of 5">â </button> 270 <button class="ef-page-rating 2" data-rating="2" aria-label="Rate this page 2 out of 5">â </button> 271 <button class="ef-page-rating 3" data-rating="3" aria-label="Rate this page 3 out of 5">â </button> 272 <button class="ef-page-rating 4" data-rating="4" aria-label="Rate this page 4 out of 5">â </button> 273 <button class="ef-page-rating 5" data-rating="5" aria-label="Rate this page 5 out of 5">â </button> 274 </div> 275 </li> 276 </ul> 277 </div>
278 </div> 279 </div> 280 </footer> 281 282 <!-- page rating modal dialog --> 283 <div id="page-rating" uk-modal> 284 <div class="uk-modal-dialog uk-modal-body"> 285 <form action="" method="POST"> 286 <h2 class="uk-modal-title">Rate This Page</h2> 287 <button class="uk-modal-close-default" type="button" uk-close></button> 288 <p> 289 You are rating <span class="uk-text-bold">Venue - Nearby Hotel Options</span>.<br /> 290 Your input will not be published, but manually reviewed and passed on to the responsible department within Eurofurence.<br /> 291 Please <strong>do not include any links</strong> in your comment.<br /> 292 If you are affiliated with this department, please be fair and abstain. 293 </p> 294 295 <div class="uk-margin-bottom"> 296 Your Rating: 297 <div class="page-rating-stars"> 298 <button type="button" class="ef-page-rating 1" data-rating="1">â </button> 299 <button type="button" class="ef-page-rating 2" data-rating="2">â </button> 300 <button type="button" class="ef-page-rating 3" data-rating="3">â </button> 301 <button type="button" class="ef-page-rating 4" data-rating="4">â </button> 302 <button type="button" class="ef-page-rating 5" data-rating="5">â </button> 303 </div> 304 </div> 305 306 <input type="text" name="page" value="hotels" hidden /> 307 <input type="number" min="1" max="5" name="rating" id="rating-rating" hidden /> 308 309 <div class="uk-margin-bottom"> 310 <label for="rating-name" class="uk-margin-bottom"> 311 Your Name (optional): 312 <input type="text" id="rating-name" name="name" maxlength="255" placeholder="Anonymous" class="uk-input" /> 313 </label> 314 </div> 315 316 <div class="uk-margin-bottom"> 317 <label for="rating-comment" class="uk-margin-bottom"> 318 Your Comment (optional): 319 <textarea id="rating-comment" name="comment" placeholder="No Comment" class="uk-textarea"></textarea> 320 </label> 321 </div> 322 323 <button type="submit" class="uk-button uk-button-primary">Submit</button> </form> 324 </div> 325 </div> 326 327 <!-- EFnav modal dialog --> 328 <div id="efnav-modal" class="uk-modal uk-modal-full efnav-modal" uk-modal> 329 <div class="uk-modal-dialog uk-modal-body uk-flex uk-flex-column efnav-modal-dialog"> 330 <button class="uk-modal-close-full uk-close-large" type="button" uk-close></button> 331 <div class="efnav-modal-content uk-flex uk-flex-column uk-flex-1"> 332 <h2 class="uk-modal-title efnav-modal-title"></h2> 333 <p class="uk-text-meta efnav-modal-subtitle"></p> 334 <div class="efnav-modal-tabs-wrap" hidden> 335 <ul class="uk-tab uk-tab-small efnav-modal-tabs"></ul> 336 </div> 337 <div class="efnav-modal-map"> 338 <iframe class="efnav-modal-iframe" title="EFnav Map" width="100%" height="100%" frameborder="0" allowfullscreen></iframe> 339 </div> 340 </div> 341 </div> 342 </div> 343 344
344<script src="js/uikit.min.js"></script>
344 345
345<script src="js/uikit-icons.min.js"></script>
345 346
346<script src="js/efnav.js"></script>
346 347
347<script src="js/partners.js"></script>
347 348
348<script src="js/main.js"></script>
348 349 350 </body> 351 352
352<script defer> 353 const navButton = document.querySelector("#nav-toggle"); 354 const navigation = document.querySelector("#nav-toggle ~ nav"); 355 const navigationHeader = navButton.closest("header"); 356 const pageContent = Array.from(document.body.children).filter(element => element !== navigationHeader); 357 358 // Accessible mobile navbar toggle mechanism 359 navButton.addEventListener("click", e => { 360 const isGettingExpanded = navButton.getAttribute("aria-expanded") === "false"; 361 362 navButton.setAttribute("aria-expanded", isGettingExpanded ? "true" : "false"); 363 navigation.style.maxWidth = isGettingExpanded ? "100vw" : "0"; 364 document.documentElement.classList.toggle("mobile-nav-open", isGettingExpanded); 365 document.body.classList.toggle("mobile-nav-open", isGettingExpanded); 366 pageContent.forEach(element => element.inert = isGettingExpanded); // inert elements cannot be interacted with 367 }); 368 369 // Desktop dropdown menu accessibility + disable clicking on parent menu items 370 document.querySelectorAll("#ef-nav-menu > ul > li > a.has-submenu").forEach(category => { 371 const categoryItem = category.parentElement 372 373 category.addEventListener("mouseenter", () => { 374 category.setAttribute("aria-expanded", "true"); 375 }) 376 category.addEventListener("focus", () => { 377 category.setAttribute("aria-expanded", "true"); 378 }) 379 380 categoryItem.addEventListener("mouseleave", () => { 381 if (!categoryItem.contains(document.activeElement)) { 382 category.setAttribute("aria-expanded", "false"); 383 } 384 }) 385 categoryItem.addEventListener("focusout", event => { 386 if (!categoryItem.contains(event.relatedTarget)) { 387 category.setAttribute("aria-expanded", "false"); 388 } 389 }) 390 391 category.addEventListener("click", event => { 392 if (event.detail > 0) { 393 category.blur(); 394 } 395 }) 396 }); 397 </script>
397 398</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.