🛍 Update shop link and add teaser

content/meta.json

@@ -6,6 +6,7 @@
   "cardImage": "/img/cover/news.png",
   "twitterUrl": "https://twitter.com/_einundzwanzig_",
   "telegramUrl": "https://t.me/einundzwanzigpodcast",
+  "shopUrl": "https://einundzwanzig.shop/",
   "sphinxUrl": "https://tribes.sphinx.chat/",
   "shoutoutUrl": "https://tallyco.in/s/zfxqtu/",
   "spotifyUrl": "https://open.spotify.com/show/10408JFbE1n8MexfrBv33r",

package.json

@@ -24,7 +24,7 @@
     "build:styles": "postcss src/css/main.css --output dist/css/main.css",
     "optimize": "npm-run-all -p optimize:* -s rev",
     "optimize:styles": "csso dist/css/main.css --output dist/css/main.css",
-    "rev": "node-file-rev --manifest=generated/rev.json --root=dist dist/css/* dist/js/* dist/img/*.svg dist/img/cover/*.png dist/img/team/*.jpg dist/img/team/*.png",
+    "rev": "node-file-rev --manifest=generated/rev.json --root=dist dist/css/* dist/js/* dist/img/*.svg dist/img/cover/*.png dist/img/shop/*.jpg dist/img/team/*.jpg dist/img/team/*.png",
     "sitemap": "node tasks/generate_sitemap.js",
     "prod": "NODE_ENV=production npm-run-all build optimize -s build:pages sitemap"
   },

src/css/sections/home.css

@@ -38,3 +38,22 @@
     animation-iteration-count: infinite;
   }
 }
+
+.shopTeaser {
+  display: grid;
+  grid-gap: var(--space-l);
+  margin-bottom: var(--space-l);
+
+  @media (--up_to_M) {
+    grid-template-columns: 1fr 1fr;
+  }
+  @media (--M_and_up) {
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+  }
+
+  & img {
+    display: block;
+    width: 100%;
+    border-radius: var(--space-m);
+  }
+}

src/includes/template.pug

@@ -55,7 +55,7 @@ html(lang="en")
           nav
             a.navItem(href="/podcast/" class=(navCurrent === 'podcast' && 'current')) Podcast
             a.navItem(href="/team/" class=(navCurrent === 'team' && 'current')) Team
-            a.navItem(href="https://shop.einundzwanzig.space" target="_blank") Shop
+            a.navItem(href=site.meta.shopUrl target="_blank") Shop
           button(type="button").theme
             +sprite("theme")
 

src/index.pug

@@ -29,7 +29,7 @@ block main
 
     section
       :markdown-it(html linkify typographer)
-        ## Komm in die Gruppe!
+        ## 💬 Komm in die Gruppe!
 
         Mit unserer Telegram-Gruppe bieten wir dir ein Shitcoin-freies Refugium: Mit etwa 300 Gleichgesinnten
         sprechen wir dort nicht über den Preis, Altcoins oder sonstige unwichtigen Dinge. In unserer Gruppe
@@ -39,7 +39,22 @@ block main
 
     section
       :markdown-it(html linkify typographer)
-        ## Sei laut, shout out!
+        ## 🛍 Unser bitcoin-only Shop
+
+        In unserem Shop findest du Einundzwanzig-Kleidung, sowie weitere Merchandise-Artikel zum Podcast.
+        Toximalistischer Swag für bullishe Bitcoiner.
+
+      .shopTeaser
+        a(href=`${site.meta.shopUrl}p/tasse/` target="_blank"): img(src=assetPath("/img/shop/tasse.jpg"))
+        a(href=`${site.meta.shopUrl}p/hoodie-schwarz/` target="_blank"): img(src=assetPath("/img/shop/hoodie-schwarz.jpg"))
+        a(href=`${site.meta.shopUrl}p/hoodie-weiss/` target="_blank"): img(src=assetPath("/img/shop/hoodie-weiss.jpg"))
+        a(href=`${site.meta.shopUrl}p/cap/` target="_blank"): img(src=assetPath("/img/shop/cap.jpg"))
+
+      a.button(href=site.meta.shopUrl target="_blank") Zum Shop
+
+    section
+      :markdown-it(html linkify typographer)
+        ## 🗣 Sei laut, shout out!
 
         Wenn du möchtest, dass wir im Podcast deinen "Shout-Out" vorlesen, dann bist du mit 50.000 Sats dabei!
         Wir sammeln alle Einnahmen bis die 1.000.000 Sats voll sind. Dann lassen wir in unserer Telegram-Gruppe