update

src/components/EventImageGenerator.svelte

@@ -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' },

src/components/event-formats/poster-simple.svelte

@@ -7,9 +7,27 @@
 <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" />
 
+    {#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-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>
+
+    {: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-[7em] left-0 h-48 w-full z-10" style="background: linear-gradient(transparent, black);"></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">
@@ -26,4 +44,8 @@
                 </div>  
             </div>
         </div>
+    {/if}
+
+
+
 </div>

src/components/event-formats/wide-square.svelte

@@ -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">
+            <div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
-                Meetup
+                {event.type}
             </div>  
         </div>
     </div>

src/components/event-formats/wide.svelte

@@ -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">
+                <div class="border-2 border-white py-1 px-2 bg-white text-black uppercase">
-                    Meetup
+                    {event.type}
                 </div>  
             </div>
         </div>