donate

config.yaml

@@ -14,3 +14,7 @@ nav:
     - name: contact
       icon: mail
       endpoint: contact
+
+    - name: buy me a coffee
+      icon: dollar-sign
+      endpoint: donate

icons/dollar-sign.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>

pages/donate/main.j2

@@ -0,0 +1,15 @@
+{% with %}
+  {% set page = "donate" %}
+  {% set title = "Buy me a coffee" %}
+  {% include "header.j2" %}
+{% endwith %}
+
+If for whatever reason you want to send me some money, you can do so with
+Monero.
+
+<div class="donate">
+<code>484fapQDhYq6WKAqSk3uDyF7isYUU7PNY2DPSkS6ZPNCcWyHrjCBXcKXHdCVjnBHVpLYQffJjnMgh423ZsG3QmGwQuRvPRL</code>
+<img src="{{ "BASE_URL" | env }}/monero_receive.png" alt="484fapQDhYq6WKAqSk3uDyF7isYUU7PNY2DPSkS6ZPNCcWyHrjCBXcKXHdCVjnBHVpLYQffJjnMgh423ZsG3QmGwQuRvPRL">
+</div>
+
+{% include "footer.j2" %}

sass/donate.scss

@@ -0,0 +1,12 @@
+.donate {
+    padding: 20px;
+    width: 90%;
+    text-align: center;
+    code {
+        font-size: smaller;
+        word-wrap: break-word;
+    }
+    img {
+        padding: 10px;
+    }
+}

sass/main.scss

@@ -2,3 +2,4 @@
 @import "style";
 @import "jobs";
 @import "contacts";
+@import "donate";