mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
update gen img
This commit is contained in:
parent
bef59e7970
commit
bff8c70c3e
2 changed files with 47 additions and 10 deletions
BIN
public/gen-img/events/meetup01.png
Normal file
BIN
public/gen-img/events/meetup01.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.9 MiB |
|
@ -12,6 +12,15 @@ const topics = [
|
|||
'human rights daos',
|
||||
'privacy activism',
|
||||
]
|
||||
|
||||
const img = 'meetup01';
|
||||
const images = {
|
||||
meetup01: {},
|
||||
summit01: {}
|
||||
}
|
||||
|
||||
const image = `/gen-img/events/${img}.png`;
|
||||
|
||||
---
|
||||
|
||||
<html>
|
||||
|
@ -32,18 +41,26 @@ const topics = [
|
|||
|
||||
<div class="w-[764px] border-2 border-green-500">
|
||||
<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-10" />
|
||||
<img src="/logo.svg" class="absolute top-10 left-10 w-1/3 z-20" />
|
||||
|
||||
<img src="/gen-img/events/summit01.png" class="absolute top-20 left-0 -z-0" />
|
||||
<div class="absolute top-20 left-0 h-36 w-full z-10" style="background: linear-gradient(black, transparent);"></div>
|
||||
<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">
|
||||
<div class="border-2 border-white py-2 px-4 border-b-0 inline-block bg-black">
|
||||
May 30, 2024
|
||||
<div class="absolute bottom-80 left-10 uppercase text-2xl z-20">
|
||||
<div class="flex">
|
||||
<div class="border-2 border-white py-2 px-4 border-r-0 inline-block bg-black">
|
||||
May 30, 2024
|
||||
</div>
|
||||
<div class="border-2 border-white py-2 px-4 bg-black">
|
||||
Prague, Czechia
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-2 border-white py-2 px-4 bg-black">
|
||||
Prague, Czechia
|
||||
<div class="flex">
|
||||
<div class="border-2 border-white py-2 px-4 bg-white text-black">
|
||||
Meetup
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="absolute left-10 right-10 bottom-28 uppercase text-lg flex flex-wrap gap-3">
|
||||
{topics.map(topic => (
|
||||
|
@ -59,9 +76,29 @@ const topics = [
|
|||
<div>
|
||||
<div class="mb-4 text-xl text-green-500">Square (1:1)</div>
|
||||
|
||||
<div class="w-[404px] border-2 border-green-500">
|
||||
<div class="w-[404px] border-2 border-green-500 overflow-hidden">
|
||||
<div id="img-square" class="aspect-square w-[400px] relative bg-black">
|
||||
<img src="/logo.svg" class="absolute top-10 left-10 w-1/3" />
|
||||
<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">
|
||||
May 30, 2024
|
||||
</div>
|
||||
<div class="border-2 border-white py-1 px-2 bg-black">
|
||||
Prague, Czechia
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="border-2 border-white py-1 px-2 bg-white text-black">
|
||||
Meetup
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue