web3privacy/web
1
0
Fork 0
mirror of https://github.com/web3privacy/web synced 2024-10-15 18:26:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
tree🌴 2024-03-06 23:11:20 +01:00
parent da44988294
commit 5252b95e20
6 changed files with 50 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
public/gen-img/events/meetup01.png → public/gen-img/events/summit02.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 MiB

After

Width:  |  Height:  |  Size: 3.9 MiB

6
public/gen-img/summit-title.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 29 KiB

5
src/components/EventImageGenerator.svelte
View file

@ -15,7 +15,8 @@ import PosterSimple from './event-formats/poster-simple.svelte';
const topics = [
'identity',
'netw./event-formats/square.svelterivacy',
'network states',
'fullstack privacy',
'private messaging',
'r&d: ZK, MPC, THE',
'on-chain privacy',
@ -32,7 +33,7 @@ const events = {
m24tll: { image: 'tallinn01' },
m24opo: { image: 'porto01' },
m24ber: { image: 'berlin02' },
s24prg: { image: 'summit01' },
s24prg: { image: 'summit02' },
m24lju: { image: 'ljubljana01' },
m24bcn: { image: 'barcelona01' },
m24cph: { image: 'copenhagen01' },

52
src/components/event-formats/poster-simple.svelte
View file

@ -7,23 +7,45 @@
<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" />
<div class="absolute top-28 left-0 h-32 w-full z-10" style="background: linear-gradient(black, transparent);"></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-[7em] left-0 h-48 w-full z-10" style="background: linear-gradient(transparent, black);"></div>
{#if event.type === 'summit'}
<img src="/gen-img/summit-title.svg" class="absolute top-28 left-0 w-full z-20" />
<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="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 class="absolute bottom-24 left-10 right-10 uppercase text-4xl z-20">
<div class="flex justify-center">
<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>
<div class="flex">
<div class="border-2 border-white py-2 px-4 bg-white text-black">
{event.type}
</div>
{:else}
<div class="absolute top-28 left-0 h-32 w-full z-10" style="background: linear-gradient(black, transparent);"></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>
{/if}
</div>

4
src/components/event-formats/wide-square.svelte
View file

@ -24,8 +24,8 @@
</div>
</div>
<div class="flex" style="margin-top: -2px;">
<div class="border-2 border-white py-1 px-2 bg-white text-black">
Meetup
<div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
{event.type}
</div>
</div>
</div>

4
src/components/event-formats/wide.svelte
View file

@ -25,8 +25,8 @@
</div>
</div>
<div class="flex" style="margin-top: -2px;">
<div class="border-2 border-white py-1 px-2 bg-white text-black">
Meetup
<div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
{event.type}
</div>
</div>
</div>