Add a donations page

_config.yml

@@ -24,6 +24,11 @@ gitlab_username: ewpratten
 rtlgit_username: ewpratten
 keybase_username: ewpratten
 
+# Payments
+paypal_username: ewpratten
+btc_address: 17H1ad7t1h5bFcxhyL8naZJhY5E2iiW7yk
+stellar_address: GBBUKCQQULS3TLGPKLHIFN2YZUAOTCZHW7ON7CFFJIY5QPFBWGYVA2YQ
+
 # Build settings
 markdown: kramdown
 kramdown:

_includes/footer.html

@@ -19,10 +19,17 @@
 <!-- Masonry for card grids -->
 <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
 
+<!-- QR Codes -->
+<script src="/assets/js/qrcode.min.js"></script>
+<script type="text/javascript">
+    new QRCode(document.getElementById("btcqr"), "bitcoin://{{site.btc_address}}");
+    new QRCode(document.getElementById("stlrqr"), "web+stellar:pay?destination={{site.stellar_address}}");
+</script>
+
 <!-- Load KaTeX -->
 <script src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" crossorigin="anonymous"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" crossorigin="anonymous"
-        onload="renderMathInElement(document.body);"></script>
+    onload="renderMathInElement(document.body);"></script>
 
 <!-- Parse the Latex divs with Katex-->
 <script type="text/javascript">

about.md

@@ -7,10 +7,25 @@ backing_scalar: "height:90%;"
 ---
 {{site.about}}
 
-## Chat with me
+## My socials
-If you want to contact me, you can do so via email to `ewpratten@<this_domain>`. 
+I exist in various places around the internet. Mainly:
 
-I use PGP keys (mt keys and history are listed below), so feel free to sign your messages via GPG. My current PGP key fingerprint is: `3D98 479A DE42 85A3 21F6 6DE4 DAB2 7917 6352 D880`.
+ - Email: `ewpratten@<this_domain>`
+ - [Twitter](https://twitter.com/{{site.twitter_username}})
+ - [Instagram](https://www.instagram.com/{{site.insta_username}})
+ - <a data-toggle="modal" data-target="#snapcode" href="">Snapchat</a>
+ - <a data-toggle="modal" data-target="#devrant-disclaimer" href="">devRant</a>
+ - [GitHub](https://github.com/{{site.github_username}})
+ - [GitLab](https://gitlab.com/{{site.gitlab_username}})
+ - [Keybase](https://keybase.com/{{site.keybase_username}})
+
+## Donations
+
+I accept small donations [over here](/donations).
+
+## PGP
+
+I use PGP keys (my keys and history are listed below), so feel free to sign your messages via GPG. My current PGP key fingerprint is: `3D98 479A DE42 85A3 21F6 6DE4 DAB2 7917 6352 D880`.
 ```
 pub   rsa4096/0xDAB279176352D880 2019-08-10 [SC]
       Key fingerprint = 3D98 479A DE42 85A3 21F6  6DE4 DAB2 7917 6352 D880
@@ -28,34 +43,10 @@ The following is my key history:
 
 <div class="table-fix" markdown="1">
 
-| Fingerprint | Sign date | Expiration | Links |
+| Fingerprint                                       | Sign date  | Expiration   | Links                                                                                                                                                                                     |
-|--|--|--|--|
+|---------------------------------------------------|------------|--------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | 3D98 479A DE42 85A3 21F6 6DE4 DAB2 7917 6352 D880 | 2019-08-10 | When Revoked | [MIT](http://pgp.mit.edu/pks/lookup?search=0xDAB279176352D880&op=index) <br> [Ubuntu Keyserver](http://keyserver.ubuntu.com/pks/lookup?search=0xDAB279176352D880&fingerprint=on&op=index) |
-| DD15 BE72 F652 984A ED9E C033 56F5 A6FB 5A8E EF90 | 2017-12-08 | Revoked | [OpenPGP.org](https://keys.openpgp.org/search?q=0x56F5A6FB5A8EEF90) <br> [Ubuntu Keyserver](http://keyserver.ubuntu.com/pks/lookup?search=0x56F5A6FB5A8EEF90&fingerprint=on&op=index) | 
+| DD15 BE72 F652 984A ED9E C033 56F5 A6FB 5A8E EF90 | 2017-12-08 | Revoked      | [OpenPGP.org](https://keys.openpgp.org/search?q=0x56F5A6FB5A8EEF90) <br> [Ubuntu Keyserver](http://keyserver.ubuntu.com/pks/lookup?search=0x56F5A6FB5A8EEF90&fingerprint=on&op=index)     |
-
-</div>
-
-## My socials
-I exist in various places around the internet. Mainly:
-
- - [Twitter](https://twitter.com/{{site.twitter_username}})
- - [Instagram](https://www.instagram.com/{{site.insta_username}})
- - <a data-toggle="modal" data-target="#snapcode" href="">Snapchat</a>
- - <a data-toggle="modal" data-target="#devrant-disclaimer" href="">devRant</a>
- - [GitHub](https://github.com/{{site.github_username}})
- - [GitLab](https://gitlab.com/{{site.gitlab_username}})
- - [Keybase](https://keybase.com/{{site.keybase_username}})
-
-
-## My crypto addresses
-
-<div class="table-fix" markdown="1">
-These are my wallet addresses for various cryptocurrencies:
-
-| Currency | Address |
-| -- | -- |
-| Stellar | `ewpratten*keybase.io` |
-| Bitcoin | `1BorqYNm54SkyxsPGfpzKKoc9ameU1JEM2` |
 
 </div>
 

donations.md

@@ -0,0 +1,68 @@
+---
+title: Donations
+description: Looking to make a donation?
+layout: page
+backing_img: /assets/images/money_transfer__monochromatic.svg
+backing_scalar: "height:90%;"
+---
+
+You probably ended up here from my GitHub page. Since I still am not 18, I can't finish signing up to [GitHub Sponsors](). Due to this, I had to get a little creative with my donations setup.
+
+## Where does the money go?
+
+Honestly, coffee. Although, if you send a message along with a donation containing a request, I'll use it for something else.
+
+## Do people actually donate to you?
+
+Yes, although not too often. Most commonly, people donate Bitcoin and Stellar to me (thank you!).
+
+## How do I donate?
+
+Click one of the following for instructions:
+
+<div class="accordion" id="accordionExample">
+  <div class="card">
+    <div class="card-header" id="headingOne">
+      <h2 class="mb-0">
+        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
+          PayPal
+        </button>
+      </h2>
+    </div>
+    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
+      <div class="card-body">
+        <a href="https://paypal.me/{{site.paypal_username}}">Click here</a> to be redirected to my PayPal page.
+      </div>
+    </div>
+  </div>
+  <div class="card">
+    <div class="card-header" id="headingTwo">
+      <h2 class="mb-0">
+        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+            Bitcoin
+        </button>
+      </h2>
+    </div>
+    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
+    <div class="card-body">
+      <p>My Bitcoin donations address is: <strong>{{site.btc_address}}</strong></p><div class="card-body">
+        <div id="btcqr"></div>
+      </div>
+    </div>
+  </div>
+  <div class="card">
+    <div class="card-header" id="headingThree">
+      <h2 class="mb-0">
+        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+          Stellar
+        </button>
+      </h2>
+    </div>
+    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
+      <div class="card-body">
+        <p>My Stellar donations address is: <strong>{{site.stellar_address}}</strong></p><div class="card-body">
+        <div id="stlrqr"></div>
+      </div>
+    </div>
+  </div>
+</div>