eb2-proxy-website/src/routes/+page.svelte

<script>
    const topics = [
        {
            text: "Bezpečnost v kryptoměnách a osvědčené postupy při každodenní práci"
        },
        {
            text: 'Secret Network - soukromí ve web3'
        },
        {
            text: 'Matrix - decentralizovaná náhrada pro Discord nebo Telegram'
        },
        {
            text: 'Privacy hub cz/sk - česká privacy komunita'
        },
        {
            text: 'Netechnické aspekty přechodu na Proof-of-stake'
        },
        {
            text: 'Představení fyzického úložiště seedů (Recovery Seed)'
        },
    ]
    const speakers = [
        {
            id: 'investocka',
            name: 'Libor Flössler (Investocka)',
            text: 'Autor investorského kanálu <a href="https://www.youtube.com/c/investocka" target="_blank">Investocka</a>',
            url: 'https://twitter.com/investocka'
        },
        {
            id: 'petr-lukac',
            name: 'Petr Lukáč',
            text: 'Novinář zaměřený na kryptoměny, autor podcastu <a href="https://podcasty.hn.cz/krypto-insider/" target="_blank">Krypto Insider</a>',
            url: 'https://twitter.com/RuzovejSlon'
        },
        {
            id: 'radek-svarz',
            name: 'Radek Švarz',
            text: 'Vizionář, architekt, propojování businessu a IT - dCZK, APUS.finance',
            url: 'https://linkedin.com/in/radeksvarz'
        },
        {
            id: 'petr-sanetrnik',
            name: 'Petr Sanetrník',
            text: 'Webfusion, VR Education, portfolio manager v <a href="https://crypviz.cz/" target="_blank">Crypviz Asset Management</a>',
            url: 'https://twitter.com/PetrSanetrnik'
        },
        {
            id: 'jiri-cepelka',
            name: 'Jiří Čepelka',
            text: 'Kryptoanarchista a lunarpunk - Secret Network Czech, <a href="https://privacyhub.carrd.co/" target="_blank">Privacy Hub CZ|SK</a>',
            url: 'https://twitter.com/JiriCepelka'
        },
        {
            id: 'jacob-jelen',
            name: 'Jacob Jelen',
            text: 'Product designer, Creative Technologist',
            url: 'https://twitter.com/jacobjelen'
        },
        {
            id: 'vojtch',
            name: 'Vojtěch Studený',
            text: 'Vývojář v <a href="https://pwn.finance/" target="_blank">PWN.finance</a>, člen Gwei.cz Councilu',
            url: 'https://twitter.com/0xVojtch'
        },
        {
            id: 'petr-hotovec',
            name: 'Petr Hotovec',
            text: 'Business developer a hlavní analytik společnosti <a href="https://softvision.ai/ target="_blank">SoftVision</a>',
            url: 'https://www.linkedin.com/in/petr-hotovec-2b1759a7'
        },
        {
            id: 'adam-sobotka',
            name: 'Adam Sobotka',
            text: 'Zakladatel Zitrone, člen Developer DAO a Forefront',
            url: 'https://twitter.com/vorcigernix'
        },
        {
            id: 'jiri-skrivan',
            name: 'Jiří Skřivan',
            text: 'Zakladatel <a href="https://skovo.cz">Skovo.cz</a>, milovník svobody, nadšenec do krypta',
            url: 'https://www.skovo.cz/'
        },
        {
            id: 'terka',
            name: 'Tereza Starostová',
            text: '<a href="https://holkyvkryptu.cz/" target="_blank">Holky v Kryptu</a> mastermind, předsedkyně UTXO Foundation',
            url: 'https://twitter.com/tatereza5'
        },
        {
            id: 'tree',
            name: 'Tree',
            text: 'Libertarián, propagátor Web3 a DAOs - <a href="https://gwei.cz" target="_blank">Gwei.cz</a>, UTXO Foundation',
            url: 'https://twitter.com/treecz'
        }
    ]
    const partners = [
        {
            id: 'clubco',
            name: 'ClubCo',
            url: 'https://clubco.cz/'
        }
    ]
</script>


<div>
    <div class="text-center mb-6">
        <p>
            Kryptoměnová konference pro široké publikum, která se bude konat souběžně s mezinárodním hackathonem <a href="https://ethbrno.cz" class="underline hover:no-underline">ETHBrno²</a>.
        </p>
        <p>
            Nabídne průřez aktuálními novinkami s důrazem na bezpečnost a soukromí v dnešním digitálním světě. Své si v celodenním programu od zástupců České a Slovenské kryptokomunity najde jak začátečník, tak i pokročilejší uživatel.
        </p>
        <p class="mt-4">
            Místo konání: <a href="https://g.page/clubco-brno?share" class="font-bold" target="_blank">ClubCo</a> (Vlněna 5) + <a href="https://goo.gl/maps/LMr2SVmdEsCqDsEVA" class="font-bold" target="_blank">Impact Hub</a> (Cyrilská 7) (vzdáleno cca 5 min chůze od sebe)
        </p>
        <p class="mt-4">
            Vstupné: <b class="font-bold">200 Kč</b> (max. kapacita 150 lidí)
        </p>
        <div class="mt-6">
            <a href="https://proxy-tickets.ethbrno.cz/">
                <button class="bg-eb2 text-[#000000] hover:opacity-50 font-bold py-2 px-4 rounded">
                    Koupit vstupenku →
                </button>
            </a>
        </div>

    </div>

    <div class="mb-10 justify-center">
        <div class="w-full flex justify-center mt-10">
            <div class="w-2/5 border-t-2 border-eb2"></div>
        </div>
        <h2 class="text-3xl text-center py-10 font-bold text-eb2">Přednášející</h2>
        <div class="flex flex-wrap gap-8 justify-center w-full">
            {#each speakers as item}
                <div class="text-center sm:w-1/3 md:w-1/4 lg:w-1/5 xl:w-1/6">
                    <div class="flex justify-center mb-4"><a href={item.url} target="_blank"><img src="/photos/speakers/{item.id}.jpg" class="eb2-photo w-32 h-32 rounded-full"/></a></div>
                    <div class="font-bold"><a href={item.url} target="_blank" class="no-underline">{item.name}</a></div>
                    <div class="text-sm mt-2">{@html item.text}</div>
                </div>
            {/each}
        </div>
        <p class="text-center mt-8 italic">Další přednášející připravujeme ...</p>
    </div>

    <div class="mb-10">
        <div class="w-full flex justify-center mt-10">
            <div class="w-2/5 border-t-2 border-eb2"></div>
        </div>
        <h2 class="text-3xl text-center py-10 font-bold text-eb2">Témata</h2>
        <ul class="text-center leading-8">
            {#each topics as item}
              <li>* {item.text}</li>
            {/each}
        </ul>
        <p class="text-center mt-8 italic">Další témata připravujeme ...</p>
    </div>

    <div class="mb-10">
        <div class="w-full flex justify-center mt-10">
            <div class="w-2/5 border-t-2 border-eb2"></div>
        </div>
        <h2 class="text-3xl text-center py-10 font-bold text-eb2">Program</h2>
        <div class="text-center">
            <ul class="mb-10">
                <li><b>9:30</b> | otevření areálu</li>
                <li><b>10:00</b> | zahájení konference</li>
                <li><b>10:30 - 17:00</b> | přednášky a workshopy</li>
                <li><b>18:00</b> | ukončení konference</li>
            </ul>

            <p>
                Konkrétní časový rozpis bude k dispozici cca týden před konferencí.
            </p>
        </div>
    </div>

    <div>
        <div class="w-full flex justify-center mt-10">
            <div class="w-2/5 border-t-2 border-eb2"></div>
        </div>
        <h2 class="text-3xl text-center py-10 font-bold text-eb2">Partneři</h2>
        <div class="flex flex-wrap justify-center mt-4">
            {#each partners as item}
                <div>
                    <a href={item.url} target="_blank"><img src="/photos/partners/{item.id}.png" alt="{item.name}" class="eb2-photo-invert h-10 grayscale hover:grayscale-0 invert" />
                </div>
            {/each}
        </div>
    </div>

</div>