mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
30 lines
No EOL
1.1 KiB
Svelte
30 lines
No EOL
1.1 KiB
Svelte
<script>
|
|
export let event;
|
|
export let image;
|
|
export let tools;
|
|
</script>
|
|
|
|
|
|
<div id="img-square" class="aspect-square w-[400px] relative bg-black text-white overflow-hidden">
|
|
<img src="/logo.svg" class="absolute top-8 left-8 w-1/2 z-20" />
|
|
|
|
<div class="absolute top-0 left-0 h-36 w-full z-10" style="background: linear-gradient(black, transparent);"></div>
|
|
<div class="absolute top-0 left-0 h-full w-1/2 z-10" style="background: linear-gradient(to left, transparent, black);"></div>
|
|
<img src={image} class="absolute top-0 left-0 -z-0" />
|
|
|
|
<div class="absolute bottom-8 left-8 uppercase z-20">
|
|
<div class="flex">
|
|
<div class="border-2 border-white py-1 px-2 border-r-0 inline-block bg-black">
|
|
{tools.dateFormat(event.date)}
|
|
</div>
|
|
<div class="border-2 border-white py-1 px-2 bg-black">
|
|
{event.city}, {event.country}
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
|
|
{event.type}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |