add event images to event detail

This commit is contained in:
tree🌴 2024-03-07 14:03:39 +01:00
parent 6a17736be2
commit fb8dfc6faa
2 changed files with 103 additions and 20 deletions

View file

@ -852,7 +852,17 @@
"speakers": [
"odysseas",
"mykola-siusko"
]
],
"design": {
"image": "athens01"
},
"images": {
"wide-square": "https://data.web3privacy.info/img/events/2024/m24ath-wide-square.png",
"poster-simple": "https://data.web3privacy.info/img/events/2024/m24ath-poster-simple.png",
"square": "https://data.web3privacy.info/img/events/2024/m24ath-square.png",
"wide": "https://data.web3privacy.info/img/events/2024/m24ath-wide.png",
"poster": "https://data.web3privacy.info/img/events/2024/m24ath-poster.png"
}
},
{
"id": "m24buc",
@ -876,7 +886,8 @@
"tim-bansemer",
"mykola-siusko",
"gabari"
]
],
"images": {}
},
{
"id": "m24ams",
@ -900,7 +911,17 @@
"speakers": [
"mykola-siusko",
"gabari"
]
],
"design": {
"image": "amsterdam01"
},
"images": {
"wide-square": "https://data.web3privacy.info/img/events/2024/m24ams-wide-square.png",
"square": "https://data.web3privacy.info/img/events/2024/m24ams-square.png",
"poster": "https://data.web3privacy.info/img/events/2024/m24ams-poster.png",
"wide": "https://data.web3privacy.info/img/events/2024/m24ams-wide.png",
"poster-simple": "https://data.web3privacy.info/img/events/2024/m24ams-poster-simple.png"
}
},
{
"id": "m24tll",
@ -915,6 +936,16 @@
"optional": true,
"links": {
"rsvp": "https://lu.ma/w3pn-meetup-tallinn1"
},
"design": {
"image": "tallinn01"
},
"images": {
"poster-simple": "https://data.web3privacy.info/img/events/2024/m24tll-poster-simple.png",
"square": "https://data.web3privacy.info/img/events/2024/m24tll-square.png",
"poster": "https://data.web3privacy.info/img/events/2024/m24tll-poster.png",
"wide-square": "https://data.web3privacy.info/img/events/2024/m24tll-wide-square.png",
"wide": "https://data.web3privacy.info/img/events/2024/m24tll-wide.png"
}
},
{
@ -929,7 +960,8 @@
"optional": true,
"speakers": [
"gabari"
]
],
"images": {}
},
{
"id": "m24ber",
@ -956,6 +988,16 @@
"links": {
"rsvp": "https://lu.ma/w3pn-meetup-berlin1",
"signal": "https://signal.group/#CjQKIHv5swzLDOrTd1QqR4L9eb-6XPZERnp3ZEoxBCJeY12fEhAPmoC2dqZzLMRWV7wlAq5A"
},
"design": {
"image": "berlin02"
},
"images": {
"poster": "https://data.web3privacy.info/img/events/2024/m24ber-poster.png",
"poster-simple": "https://data.web3privacy.info/img/events/2024/m24ber-poster-simple.png",
"wide-square": "https://data.web3privacy.info/img/events/2024/m24ber-wide-square.png",
"square": "https://data.web3privacy.info/img/events/2024/m24ber-square.png",
"wide": "https://data.web3privacy.info/img/events/2024/m24ber-wide.png"
}
},
{
@ -981,7 +1023,17 @@
"gabari",
"radek-svarz",
"mykola-siusko"
]
],
"design": {
"image": "summit02"
},
"images": {
"poster": "https://data.web3privacy.info/img/events/2024/s24prg-poster.png",
"poster-simple": "https://data.web3privacy.info/img/events/2024/s24prg-poster-simple.png",
"wide": "https://data.web3privacy.info/img/events/2024/s24prg-wide.png",
"square": "https://data.web3privacy.info/img/events/2024/s24prg-square.png",
"wide-square": "https://data.web3privacy.info/img/events/2024/s24prg-wide-square.png"
}
},
{
"id": "h24ble",
@ -1011,7 +1063,8 @@
"mykola-siusko",
"pg",
"tree"
]
],
"images": {}
},
{
"id": "m24lju",
@ -1034,7 +1087,8 @@
"speakers": [
"joshua-davila",
"mykola-siusko"
]
],
"images": {}
},
{
"id": "os24q2",
@ -1046,7 +1100,8 @@
"slots": 8,
"links": {
"rsvp": "https://lu.ma/w3pn-os24q2"
}
},
"images": {}
},
{
"id": "m24bcn",
@ -1060,7 +1115,8 @@
"optional": true,
"speakers": [
"joshua-davila"
]
],
"images": {}
},
{
"id": "m24bru",
@ -1082,7 +1138,8 @@
"edward-fricker",
"joshua-davila",
"mykola-siusko"
]
],
"images": {}
},
{
"id": "m24waw",
@ -1097,7 +1154,8 @@
"optional": true,
"links": {
"rsvp": "https://lu.ma/w3pn-m24waw"
}
},
"images": {}
},
{
"id": "os24q3",
@ -1105,7 +1163,8 @@
"name-extension": "Q3",
"date": "2024/Sep",
"lead": "Tree",
"slots": 8
"slots": 8,
"images": {}
},
{
"id": "m24cph",
@ -1124,7 +1183,8 @@
"links": {
"rsvp": "https://lu.ma/w3pn-m24cph",
"signal": "https://signal.group/#CjQKIPw56w6ZZ7L3I4dZ0BZNzMQu-Ipxe5sfz7XbYK5Smd8gEhCzs8zSMiSZLW2-gbZfqfwD"
}
},
"images": {}
},
{
"id": "m24rom",
@ -1145,7 +1205,8 @@
},
"speakers": [
"mykola-siusko"
]
],
"images": {}
},
{
"id": "c24rom",
@ -1157,7 +1218,8 @@
"country": "it",
"coincidence": "ETHRome",
"coincidenceFull": "ETHRome 2024",
"lead": "Tree"
"lead": "Tree",
"images": {}
},
{
"id": "s24brn",
@ -1183,7 +1245,17 @@
"mykola-siusko",
"pg",
"tree"
]
],
"design": {
"image": "brno01"
},
"images": {
"poster-simple": "https://data.web3privacy.info/img/events/2024/s24brn-poster-simple.png",
"square": "https://data.web3privacy.info/img/events/2024/s24brn-square.png",
"poster": "https://data.web3privacy.info/img/events/2024/s24brn-poster.png",
"wide-square": "https://data.web3privacy.info/img/events/2024/s24brn-wide-square.png",
"wide": "https://data.web3privacy.info/img/events/2024/s24brn-wide.png"
}
},
{
"id": "c24brn",
@ -1195,7 +1267,8 @@
"country": "cz",
"coincidence": "ETHBrno",
"coincidenceFull": "ETHBrno3",
"lead": "Tree"
"lead": "Tree",
"images": {}
},
{
"id": "m24dc",
@ -1211,7 +1284,8 @@
},
"speakers": [
"edward-fricker"
]
],
"images": {}
},
{
"id": "os24q4",
@ -1219,7 +1293,8 @@
"name-extension": "Q4",
"date": "2024/Dec",
"lead": "Tree",
"slots": 8
"slots": 8,
"images": {}
}
]
}

View file

@ -16,6 +16,7 @@ export async function getStaticPaths() {
const item = core.events.find(event => event.id === id)
const status = eventStatus(item)
const ext = findExt(EventsExt, item)
---
<BaseLayout title={id} metaTitle={nameRenderer(item, true)} image="og_events">
@ -24,7 +25,14 @@ const ext = findExt(EventsExt, item)
<div class="lg:flex w-full ">
<div class="lg:mr-10 mb-8 lg:mb-0">
<div><img src={ext ? ext.coverUrl : '/logo.svg'} class="rounded border border-white/20 w-80 aspect-square object-contain" class:list={[!ext ? 'p-10' : '']} /></div>
<div>
{item.images && item.images['poster-simple'] &&
<img src={item.images['poster-simple']} class="border border-white/20 w-80 aspect-[2/3] object-contain" />
}
{!(item.images && item.images['poster-simple']) &&
<img src="/logo.svg" class="border border-white/20 w-80 aspect-square object-contain p-10" />
}
</div>
</div>
<div class="grow">
<h1 id="upcoming">W3PN {nameRenderer(item, true)}</h1>