mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
update
This commit is contained in:
parent
433ed6293e
commit
3f301d222f
6 changed files with 50 additions and 21 deletions
Before Width: | Height: | Size: 3.9 MiB After Width: | Height: | Size: 3.9 MiB |
6
public/gen-img/summit-title.svg
Normal file
6
public/gen-img/summit-title.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 29 KiB |
|
@ -15,7 +15,8 @@ import PosterSimple from './event-formats/poster-simple.svelte';
|
||||||
|
|
||||||
const topics = [
|
const topics = [
|
||||||
'identity',
|
'identity',
|
||||||
'netw./event-formats/square.svelterivacy',
|
'network states',
|
||||||
|
'fullstack privacy',
|
||||||
'private messaging',
|
'private messaging',
|
||||||
'r&d: ZK, MPC, THE',
|
'r&d: ZK, MPC, THE',
|
||||||
'on-chain privacy',
|
'on-chain privacy',
|
||||||
|
@ -32,7 +33,7 @@ const events = {
|
||||||
m24tll: { image: 'tallinn01' },
|
m24tll: { image: 'tallinn01' },
|
||||||
m24opo: { image: 'porto01' },
|
m24opo: { image: 'porto01' },
|
||||||
m24ber: { image: 'berlin02' },
|
m24ber: { image: 'berlin02' },
|
||||||
s24prg: { image: 'summit01' },
|
s24prg: { image: 'summit02' },
|
||||||
m24lju: { image: 'ljubljana01' },
|
m24lju: { image: 'ljubljana01' },
|
||||||
m24bcn: { image: 'barcelona01' },
|
m24bcn: { image: 'barcelona01' },
|
||||||
m24cph: { image: 'copenhagen01' },
|
m24cph: { image: 'copenhagen01' },
|
||||||
|
|
|
@ -7,23 +7,45 @@
|
||||||
<div id="img-poster-simple" class="aspect-[2/3] w-[760px] h-[1140px] relative bg-black overflow-hidden">
|
<div id="img-poster-simple" class="aspect-[2/3] w-[760px] h-[1140px] relative bg-black overflow-hidden">
|
||||||
<img src="/logo.svg" class="absolute top-10 left-10 w-1/3 z-20" />
|
<img src="/logo.svg" class="absolute top-10 left-10 w-1/3 z-20" />
|
||||||
|
|
||||||
<div class="absolute top-28 left-0 h-32 w-full z-10" style="background: linear-gradient(black, transparent);"></div>
|
{#if event.type === 'summit'}
|
||||||
<div class="absolute top-28 left-[-70px] w-[900px] h-[900px] -z-0" style="background-image: url({image}); background-size: 100% 100%; background-position: center;"></div>
|
<img src="/gen-img/summit-title.svg" class="absolute top-28 left-0 w-full z-20" />
|
||||||
<div class="absolute bottom-[7em] left-0 h-48 w-full z-10" style="background: linear-gradient(transparent, black);"></div>
|
<div class="absolute top-36 left-0 h-64 w-full z-10" style="background: linear-gradient(black, transparent);"></div>
|
||||||
|
<div class="absolute top-36 left-[-70px] w-[900px] h-[900px] -z-0" style="background-image: url({image}); background-size: 100% 100%; background-position: center;"></div>
|
||||||
|
<div class="absolute bottom-[6em] left-0 h-48 w-full z-10" style="background: linear-gradient(transparent, black);"></div>
|
||||||
|
|
||||||
<div class="absolute bottom-10 left-10 uppercase text-3xl z-20">
|
<div class="absolute bottom-24 left-10 right-10 uppercase text-4xl z-20">
|
||||||
<div class="flex">
|
<div class="flex justify-center">
|
||||||
<div class="border-2 border-white py-2 px-4 border-r-0 inline-block bg-black">
|
<div class="border-2 border-white py-2 px-4 border-r-0 inline-block bg-black">
|
||||||
{tools.dateFormat(event.date)}
|
{tools.dateFormat(event.date)}
|
||||||
</div>
|
</div>
|
||||||
<div class="border-2 border-white py-2 px-4 bg-black">
|
<div class="border-2 border-white py-2 px-4 bg-black">
|
||||||
{event.city}, {event.country}
|
{event.city}, {event.country}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex">
|
|
||||||
<div class="border-2 border-white py-2 px-4 bg-white text-black">
|
{:else}
|
||||||
{event.type}
|
<div class="absolute top-28 left-0 h-32 w-full z-10" style="background: linear-gradient(black, transparent);"></div>
|
||||||
</div>
|
<div class="absolute top-28 left-[-70px] w-[900px] h-[900px] -z-0" style="background-image: url({image}); background-size: 100% 100%; background-position: center;"></div>
|
||||||
|
<div class="absolute bottom-[12em] left-0 h-48 w-full z-10" style="background: linear-gradient(transparent, black);"></div>
|
||||||
|
|
||||||
|
<div class="absolute bottom-10 left-10 uppercase text-3xl z-20">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="border-2 border-white py-2 px-4 border-r-0 inline-block bg-black">
|
||||||
|
{tools.dateFormat(event.date)}
|
||||||
|
</div>
|
||||||
|
<div class="border-2 border-white py-2 px-4 bg-black">
|
||||||
|
{event.city}, {event.country}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="border-2 border-white py-2 px-4 bg-white text-black">
|
||||||
|
{event.type}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
{/if}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
|
@ -24,8 +24,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex" style="margin-top: -2px;">
|
<div class="flex" style="margin-top: -2px;">
|
||||||
<div class="border-2 border-white py-1 px-2 bg-white text-black">
|
<div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
|
||||||
Meetup
|
{event.type}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -25,8 +25,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex" style="margin-top: -2px;">
|
<div class="flex" style="margin-top: -2px;">
|
||||||
<div class="border-2 border-white py-1 px-2 bg-white text-black">
|
<div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
|
||||||
Meetup
|
{event.type}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue