⚡️ Add LN node IDs to homepage

src/css/base/elements.css

@@ -59,6 +59,7 @@ h2 {
 
 h3 {
   font-size: var(--font-size-l);
+  color: var(--color-secondary);
 }
 
 h4, h5, h6 {

src/css/sections/home.css

@@ -57,3 +57,35 @@
     border-radius: var(--space-m);
   }
 }
+
+.lnNodes {
+  display: flex;
+  flex-wrap: wrap;
+
+  @media (--up_to_M) {
+    flex-direction: column;
+  }
+
+  & .lnNode {
+    @media (--up_to_M) {
+      margin-top: var(--space-xl);
+    }
+    @media (--M_and_up) {
+      margin-top: var(--space-l);
+      margin-right: var(--space-xxl);
+    }
+  }
+
+  & img {
+    display: block;
+    width: 240px;
+    height: 240px;
+    border-radius: var(--space-m);
+    margin: var(--space-l) 0;
+  }
+
+  & button {
+    display: block;
+    width: 240px;
+  }
+}

src/index.pug

@@ -72,3 +72,22 @@ block main
         Wenn du also einen Shout-Out in unserem Podcast kaufst, unterstützt du damit auch ein Bitcoin Projekt.
 
       a.button(href=site.meta.shoutoutUrl target="_blank") Shout-Out senden
+
+    section
+      :markdown-it(html linkify typographer)
+        ## ⚡️ Unser Lightning Node
+
+        Du kannst einen Kanal zu unserem Lightning Node aufmachen – entweder um im Shop ohne Routinggebühren zu
+        zahlen oder um dich darüber mit anderen Mitgliedern der Community zu verbinden. Der Node ist bereits gut
+        vernetzt und du erhältst durch einen Kanal gute Verbindungen zu weiteren gut vernetzten Nodes.
+
+      .lnNodes
+        .lnNode
+          h3 Clearnet
+          img(src=assetPath("/img/ln/clearnet.svg") alt="Clearnet")
+          button.button(data-clipboard="020d91678bfa7ee9d5e241b244e8eecf3822e6bcedd2426fe97d8de656622285ea@202.61.245.255:9735") Clearnet ID kopieren
+
+        .lnNode
+          h3 Tor
+          img(src=assetPath("/img/ln/tor.svg") alt="Tor")
+          button.button(data-clipboard="020d91678bfa7ee9d5e241b244e8eecf3822e6bcedd2426fe97d8de656622285ea@csgpmpxltdbpvxdwpbv5yzkpicnzhx2k65plksykib2bbzyhzmer5fid.onion:9735") Tor ID kopieren