248 řádky
9.1 KiB
Svelte
248 řádky
9.1 KiB
Svelte
<svelte:head>
|
|
<title>Venues: ETHBrno²</title>
|
|
</svelte:head>
|
|
<section class="text-gray-400 bg-black body-font">
|
|
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
|
|
<div
|
|
class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"
|
|
>
|
|
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-white">
|
|
<a href="https://www.hubbrno.cz/en/" class="hover:underline"> Impact Hub Brno </a>
|
|
</h1>
|
|
<p class="leading-relaxed text-white">Opening hours:</p>
|
|
<p class="leading-relaxed mb-5 text-white">Fri Nov 11 13:00 - Sun Nov 13 20:00 (nonstop!)</p>
|
|
<div class="leading-relaxed relative mb-4">
|
|
The main venue will be a modern coworking space called Impact Hub, just a few minutes walk
|
|
from the city centre and the main train station. In less than 7 years of its existence, it
|
|
has become an important part of Brno's freelancing community, inspiring and connecting many
|
|
people. Great place for our hackathon, don't you think?
|
|
</div>
|
|
<div class="leading-relaxed relative mb-4">
|
|
Impact Hub will serve as the main basecamp for the hackathon and will be available for
|
|
hackers all day 24/7.
|
|
</div>
|
|
<div class="leading-relaxed relative mb-4">
|
|
You'll have everything you might need - different work areas (single or team, sitting or
|
|
standing), fast internet, power sockets everywhere, meeting rooms, refreshments and much
|
|
more. We want you to feel as comfortable as possible and we will do everything we can to
|
|
make that happen.
|
|
</div>
|
|
<div class="flex justify-center">
|
|
<a
|
|
href="https://goo.gl/maps/wutjvk8jCFuDcvSG6"
|
|
class="inline-flex text-white bg-gray-500 border-0 py-2 px-6 focus:outline-none hover:bg-gray-600 text-lg"
|
|
>
|
|
Navigate
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
|
|
<picture>
|
|
<source srcSet="/venues/ih1.avif" type="image/avif" />
|
|
<source srcSet="/venues/ih1.jpg" type="image/jpeg" />
|
|
<img
|
|
class="object-cover object-center grayscale hover:grayscale-0"
|
|
decoding="async"
|
|
loading="lazy"
|
|
src="/venues/ih1.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="text-gray-400 body-font bg-black">
|
|
<div class="container px-5 pb-12 mx-auto">
|
|
<div class="flex flex-wrap -m-4">
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/ih2.avif" type="image/avif" />
|
|
<source srcSet="/venues/ih2.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/ih2.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">ENTRY</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">nevim</h2>
|
|
</div>
|
|
</div>
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/ih3.avif" type="image/avif" />
|
|
<source srcSet="/venues/ih3.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/ih3.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">ROOM</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">nevim</h2>
|
|
</div>
|
|
</div>
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/ih4.avif" type="image/avif" />
|
|
<source srcSet="/venues/ih4.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/ih4.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">CONFERENCE</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">nevim</h2>
|
|
</div>
|
|
</div>
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/ih5.avif" type="image/avif" />
|
|
<source srcSet="/venues/ih5.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/ih5.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">TERRACE</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">něco</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="text-gray-400 bg-black body-font">
|
|
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
|
|
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 md:mb-0 mb-10">
|
|
<picture>
|
|
<source srcSet="/venues/cc1.avif" type="image/avif" />
|
|
<source srcSet="/venues/cc1.jpg" type="image/jpeg" />
|
|
<img
|
|
class="object-cover object-center grayscale hover:grayscale-0"
|
|
decoding="async"
|
|
loading="lazy"
|
|
src="/venues/cc1.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
</div>
|
|
<div
|
|
class="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center"
|
|
>
|
|
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-white">Clubco Brno</h1>
|
|
<p class="leading-relaxed text-white">Opening hours:</p>
|
|
<p class="leading-relaxed mb-5 text-white">
|
|
Fri Nov 11: 14:30 - 22:00, Sat Nov 10: 9:00 - 22:00, Sun Nov 13: 9:00 - 17:00
|
|
</p>
|
|
<p class="relative mb-4">
|
|
Additional venue, only 5 minutes walk (400m) from the main venue (Impact Hub).
|
|
</p>
|
|
{' '}
|
|
<p class="relative mb-4">
|
|
It will be an additional space for hackers that offers another style, with private meeting
|
|
rooms and open workspaces. It also includes an event space where additional workshops and
|
|
lectures will be held.
|
|
</p>
|
|
<div class="relative mb-4">
|
|
This location will NOT be open 24/7, you will need to move to the Impact Hub for the night.
|
|
</div>
|
|
<div class="flex justify-center">
|
|
<a
|
|
href="https://g.page/clubco-brno?share"
|
|
class="inline-flex text-white bg-gray-500 border-0 py-2 px-6 focus:outline-none hover:bg-gray-600 text-lg"
|
|
>
|
|
Navigate
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="text-gray-400 body-font bg-black">
|
|
<div class="container px-5 pb-12 mx-auto">
|
|
<div class="flex flex-wrap -m-4">
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/cc2.avif" type="image/avif" />
|
|
<source srcSet="/venues/cc2.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/cc2.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">ENTRY</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">nevim</h2>
|
|
</div>
|
|
</div>
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/cc3.avif" type="image/avif" />
|
|
<source srcSet="/venues/cc3.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/cc3.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">ROOM</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">nevim</h2>
|
|
</div>
|
|
</div>
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/cc4.avif" type="image/avif" />
|
|
<source srcSet="/venues/cc4.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/cc4.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">CONFERENCE</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">nevim</h2>
|
|
</div>
|
|
</div>
|
|
<div class="xl:w-1/4 md:w-1/2 w-full p-4">
|
|
<div class="bg-gray-800 bg-opacity-40 p-6">
|
|
<picture>
|
|
<source srcSet="/venues/cc5.avif" type="image/avif" />
|
|
<source srcSet="/venues/cc5.jpg" type="image/jpeg" />
|
|
<img
|
|
decoding="async"
|
|
loading="lazy"
|
|
class="h-40 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
|
|
src="/venues/cc5.jpg"
|
|
alt="venue"
|
|
/>
|
|
</picture>
|
|
<h3 class="tracking-widest text-gray-400 text-xs font-medium title-font">WORKING</h3>
|
|
<h2 class="text-lg text-white font-medium title-font mb-4">něco</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|