diff --git a/content/meta.json b/content/meta.json index 34d0a217ff2..19f2ece72c7 100644 --- a/content/meta.json +++ b/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", diff --git a/package.json b/package.json index 4df3d080fad..addaa739676 100644 --- a/package.json +++ b/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" }, diff --git a/src/css/sections/home.css b/src/css/sections/home.css index 63908cb88bf..e619b197c8b 100644 --- a/src/css/sections/home.css +++ b/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); + } +} diff --git a/src/includes/template.pug b/src/includes/template.pug index c7422ffc720..b4d580c8107 100644 --- a/src/includes/template.pug +++ b/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") diff --git a/src/index.pug b/src/index.pug index 3b37397c38a..58c8b01d94f 100644 --- a/src/index.pug +++ b/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 diff --git a/static/img/shop/cap.jpg b/static/img/shop/cap.jpg new file mode 100644 index 00000000000..b87e12710ea Binary files /dev/null and b/static/img/shop/cap.jpg differ diff --git a/static/img/shop/hoodie-schwarz.jpg b/static/img/shop/hoodie-schwarz.jpg new file mode 100644 index 00000000000..2d1c3da66ce Binary files /dev/null and b/static/img/shop/hoodie-schwarz.jpg differ diff --git a/static/img/shop/hoodie-weiss.jpg b/static/img/shop/hoodie-weiss.jpg new file mode 100644 index 00000000000..8f572038e6c Binary files /dev/null and b/static/img/shop/hoodie-weiss.jpg differ diff --git a/static/img/shop/shirt.jpg b/static/img/shop/shirt.jpg new file mode 100644 index 00000000000..428b17c6b88 Binary files /dev/null and b/static/img/shop/shirt.jpg differ diff --git a/static/img/shop/tasse.jpg b/static/img/shop/tasse.jpg new file mode 100644 index 00000000000..34d50df2775 Binary files /dev/null and b/static/img/shop/tasse.jpg differ