{"id":20,"date":"2025-08-18T12:16:03","date_gmt":"2025-08-18T10:16:03","guid":{"rendered":"https:\/\/aisymposium25.utb.cz\/?page_id=20"},"modified":"2025-10-17T10:26:57","modified_gmt":"2025-10-17T08:26:57","slug":"venue","status":"publish","type":"page","link":"https:\/\/aisymposium25.utb.cz\/?page_id=20","title":{"rendered":"Venue"},"content":{"rendered":"\n<!-- Venue \u2013 AI Symposium -->\n<section class=\"ai-wrap\" id=\"venue-top\">\n    <header class=\"ai-hero\">\n\n        <p class=\"ai-sub\">Zl\u00edn, Czech Republic \u00b7 University area &#038; city center<\/p>\n        <nav class=\"ai-quicknav\" aria-label=\"Quick navigation\">\n            <a href=\"#fai-maps\">Faculty map<\/a>\n            <a href=\"#getting-here\">Getting here<\/a>\n            <a href=\"#why-vienna\">Why Vienna over Prague?<\/a>\n            <a href=\"#local-transfer\">Local transfer<\/a>\n            <a href=\"#accommodation\">Accommodation<\/a>\n        <\/nav>\n    <\/header>\n\n    <style>\n        :root{\n            --brand: rgb(245,120,0);\n            --ink: #1b1b1f;\n            --muted: #6c6f74;\n            --bg: #fff;\n            --card: #fff;\n            --ring: rgba(245,120,0,.15);\n        }\n        .ai-wrap{font:16px\/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,\"Noto Sans\"; color:var(--ink); background:var(--bg);}\n        .ai-hero{padding:clamp(24px,4vw,48px) 0; text-align:center; border-bottom:1px solid #eee}\n        .ai-hero h1{margin:0 0 .25rem; font-weight:800; letter-spacing:.2px; font-size:clamp(28px,3.4vw,40px)}\n        .ai-sub{margin:0 auto; max-width:60ch; color:var(--muted)}\n        .ai-quicknav{margin-top:1rem; display:inline-flex; gap:.5rem; flex-wrap:wrap}\n        .ai-quicknav a{display:inline-block; padding:.55rem .9rem; border:1px solid var(--brand); color:var(--brand); border-radius:999px; text-decoration:none; font-weight:600}\n        .ai-quicknav a:hover{background:var(--brand); color:#fff}\n        .ai-section{padding:clamp(24px,4vw,48px) 0}\n        .ai-kicker{color:var(--brand); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:.8rem}\n        .ai-container{max-width:1100px; margin:0 auto; padding:0 18px}\n        .ai-section h2{font-size:clamp(22px,2.6vw,30px); margin:.25rem 0 .75rem}\n\n        \/* Cards & lists *\/\n        .ai-grid{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}\n        .ai-card{background:var(--card); border:1px solid #eee; border-radius:16px; padding:18px; box-shadow:0 1px 0 #f3f3f3}\n        .ai-card h3{margin:.25rem 0 .35rem; font-size:clamp(18px,2.2vw,22px)}\n        .ai-badge{display:inline-block; background:var(--ring); border:1px solid var(--brand); color:var(--brand); border-radius:6px; padding:.18rem .5rem; font-weight:700; font-size:.78rem}\n        .ai-note{color:var(--muted); font-size:.95rem}\n        .ai-steps{margin:.25rem 0 0; padding-left:1.1rem}\n        .ai-steps li{margin:.3rem 0}\n        .ai-times{margin:.3rem 0 .2rem}\n        .ai-times .timepill{display:inline-block; margin:.15rem .25rem .15rem 0; padding:.18rem .5rem; border:1px solid #eee; border-radius:999px; font-size:.85rem}\n        .ai-callout{border-left:4px solid var(--brand); background:linear-gradient(180deg,#fff,rgba(245,120,0,.04)); padding:12px 14px; border-radius:12px; color:var(--ink)}\n\n        \/* Map placeholder *\/\n        .mapbox{border:1px dashed rgba(0,0,0,.15); border-radius:16px; height:260px; display:grid; place-items:center; color:var(--muted); background:\n                radial-gradient(ellipse at 30% 30%, rgba(245,120,0,.08), transparent 35%),\n                radial-gradient(ellipse at 70% 70%, rgba(245,120,0,.06), transparent 35%);}\n        .mapbox span{font-size:.95rem}\n\n        \/* Accommodation list *\/\n        .stay{display:flex; gap:14px}\n        .stay .thumb{flex:0 0 80px; aspect-ratio:1\/1; border-radius:10px; background:linear-gradient(135deg,var(--ring),rgba(0,0,0,.03)); border:1px dashed rgba(0,0,0,.08); display:grid; place-items:center; color:var(--muted); font-size:.78rem}\n        .stay h4{margin:.15rem 0 .2rem; font-size:1.05rem}\n        .stay p{margin:0; color:var(--muted)}\n        .ai-section[id]{scroll-margin-top:80px}\n    <\/style>\n\n    <style>\n        \/* Force accommodations into one column *\/\n        #accommodation .ai-grid {\n            grid-template-columns: 1fr !important;\n        }\n    <\/style>\n\n    <style>\n        \/* Clean, responsive map inside a card *\/\n        .map-embed{\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 10;           \/* keeps it responsive *\/\n            border-radius: 16px;\n            overflow: hidden;                 \/* clips iframe corners *\/\n            border: 1px solid #eee;\n            box-shadow: 0 1px 0 #f3f3f3;\n            background: #f8f8f8;\n            margin-top: 10px;\n        }\n        .map-embed iframe{\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            border: 0;\n        }\n        \/* Tighter ratio on small screens *\/\n        @media (max-width: 680px){\n            .map-embed{ aspect-ratio: 4 \/ 3; }\n        }\n\n        \/* Make sure the two cards in the grid line up nicely *\/\n        #local-transfer .ai-grid{ align-items: start; }\n    <\/style>\n\n    <style>\n        \/* Hotel accommodation thumbnails *\/\n        .stay .thumb {\n            flex: 0 0 160px;       \/* wider thumbnail area *\/\n            aspect-ratio: 4 \/ 3;   \/* force consistent shape (landscape rectangle) *\/\n            border-radius: 10px;\n            overflow: hidden;\n            background: #f5f5f5;\n        }\n\n        .stay .thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;   \/* crop and fill the box without stretching *\/\n            display: block;\n        }\n    <\/style>\n\n    <style>\n        \/* Faculty floor tabs *\/\n        .floor-tabs{ margin-top:10px; }\n        .floor-tabs input{ display:none; }\n        .floor-tabs .tab-controls{\n            display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px;\n        }\n        .floor-tabs .tab-controls label{\n            cursor:pointer; user-select:none;\n            padding:.45rem .9rem; border:1px solid var(--brand); color:var(--brand);\n            border-radius:999px; font-weight:700; font-size:.9rem;\n        }\n        \/* Active state *\/\n        #floor1:checked ~ .tab-controls label[for=\"floor1\"],\n        #floor2:checked ~ .tab-controls label[for=\"floor2\"]{\n            background:var(--brand); color:#fff;\n        }\n        .floor-tabs .tab-panels{ position:relative; }\n        .floor-tabs .panel{ display:none; }\n        #floor1:checked ~ .tab-panels .panel-1{ display:block; }\n        #floor2:checked ~ .tab-panels .panel-2{ display:block; }\n\n        .floor-figure{\n            margin:0; background:var(--card); border:1px solid #eee; border-radius:16px;\n            overflow:hidden; box-shadow:0 1px 0 #f3f3f3;\n        }\n        .floor-figure img{\n            width:100%; height:auto; display:block;\n            background:#fff; \/* prevents gray flash *\/\n        }\n        .floor-figure figcaption{\n            padding:10px 14px; color:var(--muted); font-size:.95rem;\n            border-top:1px solid #f3f3f3;\n        }\n    <\/style>\n\n\n    <!-- Faculty maps (two floors) -->\n    <section class=\"ai-section\" id=\"fai-maps\">\n        <div class=\"ai-container\">\n            <div class=\"ai-kicker\">Venue map<\/div>\n            <h2>Faculty of Applied Informatics \u2014 room locations<\/h2>\n\n            <div class=\"floor-tabs\">\n                <!-- Floor switches (CSS-only) -->\n                <input type=\"radio\" name=\"fai-floor\" id=\"floor1\" checked>\n                <input type=\"radio\" name=\"fai-floor\" id=\"floor2\">\n\n                <div class=\"tab-controls\" role=\"tablist\" aria-label=\"Select floor\">\n                    <label for=\"floor1\" role=\"tab\" aria-controls=\"panel-floor1\" aria-selected=\"true\">Floor 1<\/label>\n                    <label for=\"floor2\" role=\"tab\" aria-controls=\"panel-floor2\" aria-selected=\"false\">Floor 2<\/label>\n                <\/div>\n\n                <div class=\"tab-panels\">\n                    <!-- Floor 1 -->\n                    <figure class=\"floor-figure panel panel-1\" id=\"panel-floor1\" role=\"tabpanel\" aria-labelledby=\"floor1\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/map2_1-scaled.jpg\" alt=\"Faculty map \u2013 Floor 1 with highlighted symposium rooms\">\n                        <figcaption>Floor 1 \u2014 highlighted rooms: workshop rooms.<\/figcaption>\n                    <\/figure>\n\n                    <!-- Floor 2 -->\n                    <figure class=\"floor-figure panel panel-2\" id=\"panel-floor2\" role=\"tabpanel\" aria-labelledby=\"floor2\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/map1_1-scaled.jpg\" alt=\"Faculty map \u2013 Floor 2 with highlighted symposium rooms\">\n                        <figcaption>Floor 2 \u2014 highlighted rooms: registration desk, key lecture hall, coffee area, workshop rooms.<\/figcaption>\n                    <\/figure>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <!-- Getting here -->\n    <section class=\"ai-section\" id=\"getting-here\">\n        <div class=\"ai-container\">\n            <div class=\"ai-kicker\">Getting here<\/div>\n            <h2>From Vienna Airport (best option)<\/h2>\n\n            <div class=\"ai-grid\">\n                <article class=\"ai-card\">\n                    <h3><span class=\"ai-badge\">1<\/span> Airport \u279c Vienna Hauptbahnhof<\/h3>\n                    <p class=\"ai-note\">Direct train every 15\u201330 minutes \u00b7 ~15 minutes travel time.<\/p>\n                    <ul class=\"ai-steps\">\n                        <li>Follow signs to the airport train station (CAT\/\u00d6BB).<\/li>\n                        <li>Take any direct train to <em>Wien Hauptbahnhof<\/em>.<\/li>\n                    <\/ul>\n                <\/article>\n\n                <article class=\"ai-card\">\n                    <h3><span class=\"ai-badge\">2<\/span> Vienna \u279c Otrokovice<\/h3>\n                    <p class=\"ai-note\">Choose a direct train (fastest) or connect in B\u0159eclav.<\/p>\n                    <div class=\"ai-times\"><strong>Direct (\u2248 1h 40m):<\/strong>\n                        <span class=\"timepill\">08:10<\/span><span class=\"timepill\">14:10<\/span><span class=\"timepill\">16:10<\/span><span class=\"timepill\">18:10<\/span>\n                    <\/div>\n                    <div class=\"ai-times\"><strong>Via B\u0159eclav (\u2248 2h 30m):<\/strong>\n                        <span class=\"timepill\">09:10<\/span><span class=\"timepill\">11:10<\/span><span class=\"timepill\">13:10<\/span><span class=\"timepill\">15:10<\/span><span class=\"timepill\">17:10<\/span><span class=\"timepill\">19:10<\/span>\n                    <\/div>\n                    <p class=\"ai-note\">Check live schedules on <a target=\"_blank\" href=\"https:\/\/idos.cz\/en\">IDOS<\/a> before you travel.<\/p>\n                <\/article>\n\n                <article class=\"ai-card\">\n                    <h3><span class=\"ai-badge\">3<\/span> Otrokovice \u279c Zl\u00edn<\/h3>\n                    <p class=\"ai-note\">Fastest hop to Zl\u00edn center. <\/p>\n                    <ul class=\"ai-steps\">\n                        <li><strong>Public transport:<\/strong> trolleybus <strong>2<\/strong> or <strong>6<\/strong>, or local train to <em>Zl\u00edn st\u0159ed<\/em>.<\/li>\n                        <li><strong>Taxi\/Bolt:<\/strong> available at the station; ~15\u201325 minutes depending on destination.<\/li>\n                    <\/ul>\n                <\/article>\n            <\/div>\n\n            <div class=\"ai-callout\" style=\"margin-top:14px\">\n                <strong>Late arrival?<\/strong> If you land after ~19:00 and miss the last connection, we can arrange a car to your hotel. Recommended flight arrival to Vienna is by <strong>17:00<\/strong>.\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Vienna -->\n    <section class=\"ai-section\" id=\"why-vienna\">\n        <div class=\"ai-container\">\n            <div class=\"ai-kicker\">Travel tip<\/div>\n            <h2>Why fly into Vienna rather than Prague?<\/h2>\n            <div class=\"ai-card\">\n                <p>The journey from Vienna to Zl\u00edn typically takes <strong>~2\u20133 hours<\/strong>, while from Prague it\u2019s around <strong>3.5 hours<\/strong>. For planning from Prague, check connections in <a target=\"_blank\" href=\"https:\/\/idos.cz\/en\">IDOS<\/a>. <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Local transfer -->\n    <section class=\"ai-section\" id=\"local-transfer\">\n        <div class=\"ai-container\">\n            <div class=\"ai-kicker\">Around the venue<\/div>\n            <h2>University &#038; City Center<\/h2>\n            <div class=\"ai-grid\">\n                <article class=\"ai-card\">\n                    <h3>Venue area<\/h3>\n                    <p class=\"ai-note\">Main activities are in the university area and nearby city center venues. Everything is walkable once you are in Zl\u00edn.<\/p>\n                    <div class=\"map-embed\" role=\"region\" aria-label=\"Map of Zl\u00edn\">\n                        <iframe\n                                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d83370.77734394347!2d17.590653517061693!3d49.23210352194175!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47130cad4c888e0d%3A0x418d4c16a8ac214f!2zWmzDrW4!5e0!3m2!1scs!2scz!4v1755602012640!5m2!1scs!2scz\"\n                                loading=\"lazy\"\n                                referrerpolicy=\"no-referrer-when-downgrade\"\n                                allowfullscreen\n                                title=\"Zl\u00edn on Google Maps\">\n                        <\/iframe>\n                    <\/div>\n                <\/article>\n                <article class=\"ai-card\">\n                    <h3>Tickets &#038; tips<\/h3>\n                    <ul class=\"ai-steps\">\n                        <li>Buy local tickets at kiosks or in the PID L\u00edta\u010dka\/IDOS apps (where available).<\/li>\n                        <li>Validate on boarding. Taxis and Bolt are widely available.<\/li>\n                    <\/ul>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Accommodation -->\n    <section class=\"ai-section\" id=\"accommodation\">\n        <div class=\"ai-container\">\n            <div class=\"ai-kicker\">Stay in Zl\u00edn<\/div>\n            <h2>Accommodation recommendations<\/h2>\n\n            <div class=\"ai-grid\">\n                <article class=\"ai-card stay\">\n                    <div class=\"thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/baltaci-e1755602962351.png\"\n                                            alt=\"Hotel Baltaci Atrium Zl\u00edn\" \/><\/div>\n                    <div>\n                        <a href=\"https:\/\/atrium.baltaci.cz\/en\/\" target=\"_blank\"><h4>Hotel Baltaci (Atrium)<\/h4><\/a>\n                        <p>Close to the city center, wellness &#038; restaurant. ~10 min walk to the university.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"ai-card stay\">\n                    <div class=\"thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/hotel_zlin.jpg\"\n                                            alt=\"Hotel Zl\u00edn\" \/><\/div>\n                    <div>\n                        <a href=\"https:\/\/interhotelzlin.cz\/en\/\" target=\"_blank\"><h4>Hotel Zl\u00edn<\/h4><\/a>\n                        <p>Central location, very near the university (~5 min walk).<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"ai-card stay\">\n\n                    <div class=\"thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/u_sevce-e1755603041377.png\"\n                                            alt=\"Hotel U \u0160evce\" \/><\/div>\n                    <div>\n                        <a href=\"https:\/\/www.hotelusevce.cz\/cz\" target=\"_blank\"><h4>Hotel U \u0160evce<\/h4><\/a>\n                        <p>Close to the center; ~10 min walk to the university.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"ai-card stay\">\n                    <div class=\"thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/loft.jpg\"\n                                            alt=\"Loft\" \/><\/div>\n                    <div>\n                        <a href=\"https:\/\/www.booking.com\/hotel\/cz\/batas-skyscraper-view-loft.cs.html\" target=\"_blank\"><h4>View Skyscraper Ba\u0165a \u2013 Loft XL (1\u20132 persons)<\/h4><\/a>\n                        <p>Near the Ba\u0165a factory &#038; iconic Ba\u0165a Skyscraper; ~10 min walk to the university.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"ai-card stay\">\n\n                    <div class=\"thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/split.png\"\n                                            alt=\"Booking|AirBnB\" \/><\/div>\n                    <div>\n                        <h4>Other options<\/h4>\n                        <p>Plenty more on Booking.com \/ Airbnb\u2014look for central locations or near transport links for easy commuting.<\/p>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer class=\"ai-footer\" style=\"padding:28px 0 40px; text-align:center; color:var(--muted); border-top:1px solid #eee\">\n        <div class=\"ai-container\">\n            <a class=\"ai-quicknav\" href=\"#venue-top\" aria-label=\"Back to top\"><span>Back to top \u2191<\/span><\/a>\n        <\/div>\n    <\/footer>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Zl\u00edn, Czech Republic \u00b7 University area &#038; city center Faculty map Getting here Why Vienna over Prague? Local transfer Accommodation Venue map Faculty of Applied Informatics \u2014 room locations Floor 1 Floor 2 Floor 1 \u2014 highlighted rooms: workshop rooms. Floor 2 \u2014 highlighted rooms: registration desk, key lecture hall, coffee area, workshop rooms. Getting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63,"parent":6,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":21,"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/197"}],"up":[{"embeddable":true,"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/pages\/6"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=\/wp\/v2\/media\/63"}],"wp:attachment":[{"href":"https:\/\/aisymposium25.utb.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}