Meetups: Add list with upcoming meetups

src/includes/mixins.pug

@@ -58,19 +58,7 @@ mixin map(id, markers)
     });
 
 mixin meetupMap()
-  +map('meetupMap', meetups.map(m => JSON.stringify({
-        name: m.name,
-        latLng: [m.latitude, m.longitude],
-        url: m.url,
-        city: m.city,
-        portalUrl: m.portalLink,
-        websiteUrl: m.websiteUrl,
-        twitter: m.twitter_username,
-        event: m.next_event,
-        style: {
-          fill: m.name.startsWith('Einundzwanzig') || m.name.includes('Einezwänzg') || m.name.includes('Eenanzwanzeg') || m.name.includes('Yirmibir') ? 'var(--color-accent)' : 'var(--color-neutral-50)'
-        }
-      })).join(','))
+  +map('meetupMap', meetups.map(m => JSON.stringify(m)).join(','))
 
 mixin spende(d, trunc = false)
   .spende(id=d.id)&attributes(attributes)

src/meetups.pug

@@ -22,9 +22,18 @@ block main
 
       :markdown-it(html linkify typographer)
         Neue Meetups können gerne [im Portal](https://portal.einundzwanzig.space/de/meetup/overview) hinzugefügt werden.
-
         Telegram: Die Vorlage für das Gruppenbild findest du im [Media Kit](/media).
         Tipp: Mit Bots wie [Shieldy](https://t.me/shieldy_bot) kann man die Spammer draußen halten.
 
-  div(style="margin-bottom: calc(var(--space-xxl) * -1)")
+  section
     +meetupMap()
+
+  section.wrap
+    h2 Nächste Termine
+    ul
+      each m in upcomingMeetups
+        li
+          a(href=m.url data-meetup=JSON.stringify(m))
+            span= formatDate(`${m.event.start}Z`)
+            = " - "
+            span= m.name