Add meetups

src/css/base/header.css

@@ -64,21 +64,17 @@
     align-items: center;
     justify-content: space-between;
     line-height: 1;
+    font-size: 4.5vw;
 
     @media (--up_to_M) {
       margin-bottom: var(--space-s);
-
-      & #navItemMedia {
-        display: none;
-      }
     }
-    @media (--up_to_L) {
+    @media (--M_to_L) {
       margin-top: var(--space-m);
-      font-size: var(--font-size-xl);
     }
     @media (--L_and_up) {
       margin-top: var(--space-l);
-      font-size: var(--font-size-xxl);
+      font-size: var(--font-size-xl);
     }
 
     & nav {
@@ -86,11 +82,10 @@
       align-items: center;
 
       & a {
-        margin-right: var(--space-l);
+        margin-right: 1em;
         text-transform: uppercase;
         font-weight: var(--font-weight-bold);
         cursor: pointer;
-        line-height: 0;
 
         &.current {
           color: var(--color-accent);
@@ -98,10 +93,12 @@
       }
     }
 
-    & button{
-      display: inline-block;
+    & button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
       position: relative;
-      top: 2px;
+      top: 1px;
 
       @media (--up_to_S) {
         visibility: hidden;
@@ -110,8 +107,8 @@
       & svg {
         height: 4.5vw;
         width: 4.5vw;
-        min-height: 24px;
-        min-width: 24px;
+        min-height: 18px;
+        min-width: 18px;
         max-height: 42px;
         max-width: 42px;
         display: block;

src/includes/template.pug

@@ -57,6 +57,7 @@ html(lang="en")
             a.navItem(href="/podcast/" class=(navCurrent === 'podcast' && 'current')) Podcast
             a.navItem(href="/soundboard/" class=(navCurrent === 'soundboard' && 'current')) Sounds
             a.navItem(href="/team/" class=(navCurrent === 'team' && 'current')) Team
+            a.navItem#navItemMeetups(href="/meetups/" class=(navCurrent === 'meetups' && 'current')) Meetups
             a.navItem#navItemMedia(href="/media/" class=(navCurrent === 'media' && 'current')) Media
             //- a.navItem(href=site.meta.shopUrl target="_blank") Shop
           button(type="button").theme

src/meetups.pug

@@ -0,0 +1,18 @@
+extends /template.pug
+
+block vars
+  - const title = 'Meetups'
+  - const description = 'Eine Liste von Einundzwnazig-Treffen im D/A/CH-Raum'
+
+block main
+  #meetups.wrap
+    section
+      h1= title
+
+      ul.meetups
+        each m in meetups
+          li
+            a(href=m.telegram)= m.name
+            if !m.name.endsWith(m.region)
+              = " - "
+              span.region= m.region