This commit is contained in:
tree🌴 2023-02-11 22:35:11 +01:00
parent 705b079776
commit f3bce2c0c4
4 changed files with 19 additions and 13 deletions

View file

@ -12,7 +12,11 @@
} }
* { * {
@apply text-white font-mono; @apply font-mono;
}
footer a {
@apply underline hover:no-underline;
} }
.middle-pane-medium { .middle-pane-medium {

View file

@ -1,6 +1,6 @@
export default { export default {
title: 'Web3Privacy Prague 2023', title: 'Web3Privacy Prague 2023',
shortname: 'Web3Privacy Prague', shortname: 'Web3Privacy Summit',
date: 'Monday, 5. June 2023', date: 'Monday, 5. June 2023',
venue: 'X10, Prague', venue: 'X10, Prague',
themes: [ themes: [

View file

@ -13,9 +13,7 @@
</script> </script>
<div class="relative w-full min-h-screen"> <div class="relative w-full min-h-screen text-white">
<div class="fixed w-full h-18 bg-black pt-6 md:pt-2 pb-2"> <div class="fixed w-full h-18 bg-black pt-6 md:pt-2 pb-2">
<div class="middle-pane-big bg-black"> <div class="middle-pane-big bg-black">
<div class="flex"> <div class="flex">
@ -36,9 +34,13 @@
<div class="w-full h-screen"> <div class="w-full h-screen">
<div class="w-full h-full flex items-center text-center"> <div class="w-full h-full flex items-center text-center">
<div class="mx-auto"> <div class="mx-auto">
<div class="text-7xl font-bold uppercase mb-8">{data.config.shortname}</div> <div class="text-8xl font-bold uppercase mb-8">{data.config.shortname}</div>
<div class="text-5xl mb-4">{data.config.date}</div> <div class="text-5xl mb-4">{data.config.date}</div>
<div class="text-5xl">{data.config.venue}</div> <div class="text-5xl">{data.config.venue}</div>
<div class="mt-8 text-lg text-white/50">
<p>Diving into the culture of the Web3 privacy industry</p>
<p><a href="https://prgblockweek.com" class="underline hover:no-underline">Prague Blockchain Week 2023</a></p>
</div>
</div> </div>
</div> </div>
@ -46,7 +48,7 @@
<slot /> <slot />
<div class="pb-16 bg-black"> <footer class="pb-16 bg-black">
<div class="middle-pane-big pt-6 mx-auto"> <div class="middle-pane-big pt-6 mx-auto">
<div class="flex items-center"> <div class="flex items-center">
<div class="grow"> <div class="grow">
@ -62,9 +64,9 @@
</svg> </svg>
</a> </a>
</div> </div>
<div class="mt-4">💛 Organized by <a href="https://ethbrno.cz" class="underline hover:no-underline">ETHBrno</a> team</div> <div class="mt-4">💛 Collaboration of <a href="https://web3privacy.info">Web3Privacy Now</a> & <a href="https://ethbrno.cz">ETHBrno</a> team</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</footer>
</div> </div>

View file

@ -3,7 +3,7 @@
</script> </script>
<svelte:head> <svelte:head>
<title>{data.config.title}</title> <title>{data.config.title} | {data.config.date}</title>
</svelte:head> </svelte:head>
<div class="bg-black" id="about"> <div class="bg-black" id="about">
@ -14,9 +14,9 @@
<div class="section-header">Key themes</div> <div class="section-header">Key themes</div>
<div class="grid grid-cols-3 gap-10"> <div class="grid grid-cols-3 gap-10">
{#each data.config.themes as ti} {#each data.config.themes as ti}
<div class="bg-white px-4 py-6"> <div class="bg-[#0d1117] hover:text-black hover:bg-white px-4 py-6 cursor-pointer">
<div class="text-black text-2xl uppercase">{ti.title}</div> <div class="text-2xl uppercase">{ti.title}</div>
<div class="text-black mt-4 text-lg"> <div class="mt-4 text-lg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tincidunt eros eu malesuada. Vivamus in urna at ex dictum pretium quis a erat.</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tincidunt eros eu malesuada. Vivamus in urna at ex dictum pretium quis a erat.</div>
</div> </div>
{/each} {/each}