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

264 řádky
10 KiB
Svelte

<script>
const topics = [
{
text: 'Jak vám základy IT bezpečnosti pomohou projít džunglí scamů'
},
{
text: "Kurz přežití v kryptoměnové džungli"
},
{
text: 'Secret Network - soukromí ve web3'
},
{
text: 'Matrix - decentralizovaná náhrada pro Discord nebo Telegram'
},
{
text: 'Privacy hub cz/sk - česká privacy komunita'
},
{
text: 'KYC - proč a jak? (případová studie)'
},
{
text: 'Web3 Frontend intro'
},
{
text: 'Netechnické aspekty přechodu na Proof-of-stake'
},
{
text: 'Co je psáno to je dáno aneb o bezpečnosti seedu'
},
{
text: 'Donat.Network: Krypto v neziskovém sektoru'
},
{
text: 'Gwei.cz - Pálíme ether offline'
}
]
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: 'jakub-jedlinsky',
name: 'Jakub Jedlinský',
text: 'Makroekonom a analytik - <a href="https://www.altlift.cz/">Altlift.cz</a>, vyučující na KMEV VŠE',
url: 'https://twitter.com/Jakub_Jedlinsky'
},
{
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: 'gorrdy',
name: 'Jan \'Gorrdy\' Dvořák',
text: 'Bitcoinový nadšenec a programátor - <a href="https://btcplatby.cz" target="_blank">btcplatby.cz</a>'
},
{
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: '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-mensik',
name: 'Petr Menšík',
text: 'Zakladatel Polkadot, Dfinity a Solana komunit v ČR a na Slovensku - <a href="https://twitter.com/polkadotters1">Polkadotters</a>',
url: 'https://www.facebook.com/petr.mensik.374'
},
{
id: 'andy-kalvoda',
name: 'Andy Kalvoda',
text: 'Trader, Zakladatel <a href="https://blockspace.cz/" target="_blank">Blockspace</a>',
url: 'https://twitter.com/andy_blockspace'
},
{
id: 'jan-zibner',
name: 'Jan Zibner',
text: 'Právník se specializací na právo duševního vlastnictví a digitální trendy - <a href="https://www.artiffine.com/" target="_blank">Artiffine</a>',
url: 'https://twitter.com/artiffine'
},
{
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: 'jacob-jelen',
name: 'Jacob Jelen',
text: 'Product designer, Creative Technologist',
url: 'https://twitter.com/jacobjelen'
},
{
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: '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: '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/'
},
{
id: 'hvk',
img: 'hvk.svg',
name: 'Holky v kryptu',
url: 'https://holkyvkryptu.cz/'
},
{
id: 'anycoin',
img: 'anycoin.svg',
name: 'Anycoin',
url: 'https://anycoin.cz'
},
{
id: 'venus',
img: 'venus.png',
name: 'Venus Protocol',
url: 'https://venus.io/'
},
{
id: 'sfl',
img: 'sfl.png',
name: 'Student for Liberty',
url: 'https://studentsforlibertycz.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 flex gap-10 justify-center">
<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><br/><br/>
<a href="https://cfp-proxy.ethbrno.cz/ethbrno2-proxy/schedule/#0">
<button class="bg-eb2 text-[#000000] hover:opacity-50 font-bold py-2 px-4 rounded">
Program →
</button>
</a>
<a href="https://cfp-proxy.ethbrno.cz/ethbrno2-proxy/schedule/">
<button class="bg-eb2 text-[#000000] hover:opacity-50 font-bold py-2 px-4 rounded">
Program →
</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">
<p>
Konkrétní časový rozpis: <a href="https://cfp-proxy.ethbrno.cz/ethbrno2-proxy/schedule/">Kompletní program</a>
</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 gap-10">
{#each partners as item}
<div class="flex items-center justify-center">
<a href={item.url} target="_blank"><img src="/photos/partners/{item.img ? item.img : (item.id + '.png')}" alt="{item.name}" class="eb2-photo-invert w-52 grayscale hover:grayscale-0 invert" style="max-height: 80px; object-fit: contain;" />
</div>
{/each}
</div>
</div>
</div>