added donate page

added contact options to imprint
minor layout improvements

src/de/donate.html

@@ -0,0 +1,57 @@
+---
+layout: base.njk
+key: donate
+title: Unterstützen
+eleventyNavigation:
+  key: donate
+  title: Unterstützen
+  icon: hand-holding-heart
+  order: 4
+---
+<h1><i class="fas fa-hand-holding-heart fa-fw mr-1"></i>Unterstützen</h1>
+
+<p>Alle öffentlichen Dienste sind kostenfrei nutzbar. Wenn du dich trotzdem an den Unkosten für Server-Infrastruktur
+    beteiligen oder mir eine kleine Anerkennung für meinen Blog zukommen lassen willst, kannst du mich gerne über die
+    folgenden Wege unterstützen<sup>1</sup>:</p>
+
+<div class="row justify-content-center">
+    <div class="col-12 col-md-10 col-lg-8">
+        <div class="card mb-3">
+            <h2><i class="fas fa-comments fa-fw m-2"></i>Empfehlen</h2>
+            <div>Gerne darfst du meine Dienste und meine Blog-Beiträge weiter empfehlen, wenn sie dir gefallen. Ich
+                freue mich sehr, wenn ich euch damit eine Freude machen kann.
+            </div>
+        </div>
+        <div class="card mb-3">
+            <h2><i class="fas fa-credit-card fa-fw m-2"></i>Banküberweisung</h2>
+            <div>Wenn Du mir etwas überweisen willst, schreib mir einfach eine kurze <a href="/de/imprint">Nachricht</a>.
+                Ich schicke dir dann schnellstmöglich meine Bankverbindung zu.
+            </div>
+        </div>
+        <div class="card mb-3">
+            <h2><i class="fas fa-money-bill fa-fw m-2"></i>Bargeld</h2>
+            <div>Wer mir etwas Bargeld zukommen lassen möchte, darf das gerne an die Adresse aus dem <a
+                    href="/de/imprint">Impressum</a> senden.
+            </div>
+        </div>
+        <div class="card mb-3">
+            <h2><i class="fas fa-network-wired fa-fw m-2"></i>netcup</h2>
+            <div>Einige meiner Dienste hoste ich bei netcup. Wenn du einen eigenen Server oder eine Webseite bei netcup
+                betreiben willst, kannst du gerne den folgenden Link (auf dem Bild) nutzen. Dadurch erhalte ich bei
+                deiner Bestellung eine kleine Provision. Falls du ein Neukunde bist, erhältst du einen 5 € Gutschein für
+                deine Bestellung.
+            </div>
+            <div class="mt-3 text-center">
+                <a href="https://www.netcup.de/bestellen/gutschein_einloesen.php?gutschein=36nc16071208640"
+                   target="_blank">
+                    <img src="/img/netcup-setC-234x60.png" width="234" height="60" alt="zu netcup"/>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="border-top mt-5 pt-2">
+    <p><small><sup>1</sup> Bei den geleisteten Zahlungen handelt sich um Schenkungen im Sinne von § 516 BGB,
+        nicht um steuerlich absetzbare Spenden im Sinne des Steuerrechts.</small></p>
+</div>