Spendenübersicht

content/spendenuebersicht.json

@@ -0,0 +1,61 @@
+[
+  {
+    "name": "RaspiBlitz",
+    "github": "RaspiBlitz",
+    "twitter": "RaspiBlitz",
+    "avatar": "/img/spenden/raspiblitz.jpg",
+    "beschreibung": "Der [RaspiBlitz](https://github.com/rootzoll/raspiblitz/) ist eine Do-It-Yourself Bitcoin-Fullnode,  die auf einem Raspberry Pi läuft und eine einfache Einrichtung ermöglicht. Der RaspiBlitz zielt hauptsächlich darauf ab, zu lernen, die eigenen Node von zu Hause aus zu betreiben - denn: Not your node, not your rules.",
+    "info": "Summe: 1.000.000 Sats"
+  },
+  {
+    "name": "BTC21",
+    "twitter": "btc21_de",
+    "avatar": "/img/spenden/btc21.jpg",
+    "beschreibung": "Die Website [BTC21.de](https://btc21.de) ist die beste deutschsprachige Anlaufstelle für Infos, wenn es um Bitcoin und Lightning geht. Joko sucht immer nach Unterstützern die ihm bei der ganzen Arbeit helfen wollen, meldet euch also beim Joko wenn ihr auch mitarbeiten wollt.",
+    "info": "Summe: 1.000.000 Sats"
+  },
+  {
+    "name": "Specter",
+    "github": "cryptoadvance/specter-desktop",
+    "twitter": "SpecterWallet",
+    "avatar": "/img/spenden/specter.png",
+    "beschreibung": "[Specter Desktop](https://github.com/cryptoadvance/specter-desktop) ist eine Wallet-App. Sie vereinfacht es den eigenen Node für Transaktionen zu verwenden und verbessert so die Sicherheit und Privatsphäre des Nutzers. Weiterhin ist Specter mit allen gängigen Hardware-Wallets kompatibel und insbesondere für Multi-Signature-Wallets geeignet.",
+    "info": "Summe: 1.000.000 Sats"
+  },
+  {
+    "name": "Rene Pickhardt",
+    "github": "renepickhardt",
+    "twitter": "renepickhardt",
+    "avatar": "https://avatars.githubusercontent.com/u/1926816?s=460",
+    "beschreibung": "René Pickhardt hat zusammen mit Stefan Richter einen neuen Weg erforscht, um die Zahlungsrouten im Lightning Network zu optimieren. Diese Entdeckung kann das Netzwerk effizienter und zuverlässiger machen und dadurch einen Schritt näher an die Massentauglichkeit bringen.",
+    "info": "Summe: 1.000.000 Sats"
+  },
+  {
+    "name": "Human B",
+    "twitter": "cinemuck_",
+    "avatar": "/img/spenden/human-b.jpg",
+    "beschreibung": "[HUMAN B](https://tallyco.in/s/higwxl/) ist kein Film über Bitcoin. Es ist ein Film über Menschen, die sich intensiv mit Bitcoin beschäftigen und deren Leben sich komplett verändert hat.",
+    "info": "Summe: 1.000.000 Sats"
+  },
+  {
+    "name": "YouTube Tutorials",
+    "twitter": "_einundzwanzig_",
+    "avatar": "/img/spenden/einundzwanzig-youtube.png",
+    "beschreibung": "Um die technischen Aspekte von Bitcoin besser zu erklären, haben wir unseren [Youtube-Kanal](https://www.youtube.com/c/EinundzwanzigPodcast) gegründet und dort die Ersteller der ersten Tutorials mit jeweils 50k Sats entlohnt.",
+    "info": "Summe: 1.050.000 Sats"
+  },
+  {
+    "name": "Cyberhornets",
+    "twitter": "cyberhornets21",
+    "avatar": "/img/spenden/cyberhornets.jpg",
+    "beschreibung": "Die [Cyberhornets](https://twitter.com/cyberhornets21) sind ein Jugend-Fussballteam, Bitcoin Natives, die eine Welt ohne Bitcoin nicht kennen. Wir haben uns entschlossen die Hornets bei ihrer Torejagd zu unterstützen und sind als Sponsor eingesprungen.",
+    "info": "Summe: 1.988.438 Sats"
+  },
+  {
+    "name": "Einundzwanzig Bienenvolk",
+    "twitter": "summherum_at",
+    "avatar": "/img/spenden/summherum.png",
+    "beschreibung": "Eine kleine [Imkerei](https://summherum.at/index.php/einundzwanzig/) aus dem Bregenzerwald und bekannt für die Bitcoin-Bienen. Per Crowdfunding wurde ein EINUNZWANZIG Bienenvolk geschaffen und es sollen auch für unsere Freunde von der Blocktrainer und Fulmo Community zwei weitere hinzukommen.",
+    "info": "Die Community hat sich an dem Crowdfunding beteiligt"
+  }
+]

src/css/sections/spenden.css

@@ -1,6 +1,6 @@
 #spenden {
   & .spenden {
-    margin-top: var(--space-xxl);
+    margin-top: var(--space-xl);
   }
 }
 
@@ -22,6 +22,10 @@
   }
 }
 
+.spenden + h2 {
+  margin-top: calc(var(--space-xxl) * 1.5);
+}
+
 .spende {
   height: 100%;
   padding-top: var(--space-xl);
@@ -43,6 +47,7 @@
     border-radius: 50%;
     border: 10px solid var(--color-card-bg);
     margin: calc(var(--space-xxl) * -1) auto 0;
+    background-color: var(--color-card-bg);
     background-size: 100%;
     background-repeat: no-repeat;
   }
@@ -64,6 +69,12 @@
     align-items: center;
   }
 
+  & .info {
+    color: var(--color-secondary);
+    font-weight: var(--font-weight-bold);
+    margin-bottom: 0;
+  }
+
   & .social {
     & a {
       position: absolute;

src/includes/mixins.pug

@@ -58,8 +58,11 @@ mixin spende(d, trunc = false)
           if d.github
             a.github(href=`https://github.com/${d.github}` target="_blank" rel="nofollow noopener"): +sprite('github', 'GitHub')
       .foot
-        a.button(href=d.spendenURL target="_blank" rel="nofollow noopener")
-          = `Spende an ${d.name}`
+        if d.spendenURL
+          a.button(href=d.spendenURL target="_blank" rel="nofollow noopener")
+            = `Spende an ${d.name}`
+        else if d.info
+          p.info= d.info
 
 mixin episodeItem(e)
   article.episodeItem&attributes(attributes)

src/index.pug

@@ -72,7 +72,7 @@ block main
         Wenn du möchtest, dass wir im Podcast deinen "Shout-Out" vorlesen, dann bist du mit 21.000 Sats dabei!
         Wir sammeln alle Einnahmen bis die 1.000.000 Sats voll sind. Dann lassen wir in unserer Telegram-Gruppe
         darüber abstimmen welches Bitcoin-Projekt aus Deutschland diese kostbaren Sats bekommen soll.
-        Wenn du also einen Shout-Out in unserem Podcast kaufst, unterstützt du damit auch ein Bitcoin Projekt.
+        Wenn du also einen Shout-Out in unserem Podcast kaufst, [unterstützt](/spenden/) du damit auch ein Bitcoin Projekt.
 
       a.button(href=site.meta.shoutoutUrl target="_blank" rel="nofollow noopener") Shout-Out senden
 

src/media.pug

@@ -60,7 +60,9 @@ block main
             img(src=assetPath(`/img/media/einundzwanzig-wallpaper-dezentralschweiz-0${i}-preview.jpg`) alt=`Wallpaper Meetup Schweiz ${1}`)
 
         p
-          a(href="https://drive.google.com/drive/folders/1SWZfGja8DoYuXsV5shCPm67Bthgmgtl2" target="_blank" rel="noopener noreferrer") Weitere Wallpaper
+          a(href="https://drive.google.com/drive/folders/1SWZfGja8DoYuXsV5shCPm67Bthgmgtl2" target="_blank" rel="noopener noreferrer"
+
+          ) Weitere Wallpaper
 
       article
         h2 Schriften

src/spenden.pug

@@ -1,19 +1,28 @@
 extends /template.pug
 
 block vars
-  - const title = 'Spendenregister'
-  - const description = 'Diese spendenfinanzierten Projekte, Initiativen und Entwickler halten wir für unterstützenswert.'
+  - const title = 'Spenden'
+  - const description = 'Die folgenden Projekte, Initiativen und Entwickler haben wir mit den Shout-Out-Beiträgen der Community bereits unterstützt.'
 
 block main
   #spenden.wrap
     section
       h1= title
+
+      h2 Spendenübersicht
       p= description
 
+      ul.spenden
+        each s in spendenuebersicht
+          +spende(s)
+
+      h2 Spendenregister
+      p Diese spendenfinanzierten Projekte, Initiativen und Entwickler halten wir für unterstützenswert.
+
       :markdown-it(html linkify typographer)
         Neue Vorschläge können gerne [per Pull Request](https://github.com/Einundzwanzig-Podcast/einundzwanzig.space/edit/master/content/spenden/) hinzugefügt werden.
         Hier gibt es ein [Video-Tutorial](https://www.youtube.com/watch?v=BNJc9LExEzU), wie ein neuer Pull Request erstellt werden kann.
 
       ul.spenden(data-shuffle)
-        each s in shuffle(spenden)
+        each s in shuffle(spendenregister)
           +spende(s)

tasks/generate_pages.js

@@ -5,7 +5,8 @@ const { dirname, resolve } = require('path')
 const config = require('../pug.config')
 const site = require('../generated/site-data.json')
 const episodes = require('../generated/episodes.json')
-const spenden = require('../generated/spenden.json')
+const spendenregister = require('../generated/spendenregister.json')
+const spendenuebersicht = require('../content/spendenuebersicht.json')
 const participants = require('../generated/participants.json')
 const team = require('../content/team.json')
 const crew = require('../content/crew.json')
@@ -29,7 +30,7 @@ renderPage('index', 'index', { navCurrent: 'index', currentEpisode: episodes[0]
 renderPage('podcast', 'podcast', { navCurrent: 'podcast', episodes: [...episodes] })
 renderPage('team', 'team', { navCurrent: 'team', team, crew })
 renderPage('meetups', 'meetups', { navCurrent: 'meetups', meetups })
-renderPage('spenden', 'spenden', { navCurrent: 'spenden', spenden })
+renderPage('spenden', 'spenden', { navCurrent: 'spenden', spendenregister, spendenuebersicht })
 renderPage('media', 'media', { navCurrent: 'media' })
 renderPage('soundboard', 'soundboard', { navCurrent: 'soundboard', soundboard })
 renderPage('events', 'events', { navCurrent: 'events' })

tasks/generate_site_data.js

@@ -50,14 +50,14 @@ const sounds = soundboard.map(group => {
 
 writeJSON(dir('dist', 'sounds.json'), sounds)
 
-// Spenden
-const spendenDir = dir('content', 'spenden')
-const spenden = readdirSync(spendenDir).map(filename => {
-  const filePath = join(spendenDir, filename)
+// Spendenregister
+const spendenregisterDir = dir('content', 'spendenregister')
+const spendenregister = readdirSync(spendenregisterDir).map(filename => {
+  const filePath = join(spendenregisterDir, filename)
   const spende = require(filePath)
   spende.id = basename(filename, '.json')
   return spende
 })
 
-writeJSON(dir('generated', 'spenden.json'), spenden)
-writeJSON(dir('dist', 'spenden.json'), spenden)
+writeJSON(dir('generated', 'spendenregister.json'), spendenregister)
+writeJSON(dir('dist', 'spendenregister.json'), spendenregister)