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 19:19:26 +01:00
parent 4e1f64a726
commit 92c2d14d6e
1 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/ImageGenerator.svelte
View file

@ -209,7 +209,7 @@ $: speaker = core.people.find(p => p.id === speakerSelected);
<img src={image} class="absolute top-20 left-0 -z-0" />
<div class="absolute bottom-[18.5rem] left-0 h-36 w-full z-10" style="background: linear-gradient(transparent, black);"></div>
<div class="absolute bottom-80 left-10 uppercase text-2xl z-20">
<div class="absolute bottom-80 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">
{dateFormat(event.date)}
@ -235,4 +235,34 @@ $: speaker = core.people.find(p => p.id === speakerSelected);
</div>
</div>
</div>
<div>
<div class="mb-4 text-xl text-green-500">Poster (simple) (3:2)</div>
<div class="w-[764px] border-2 border-green-500 overflow-hidden">
<div id="img-poster" class="aspect-[2/3] w-[760px] h-[1140px] relative bg-black">
<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-1/3 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">
{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>
</div>
</div>