Add a support page

content/contact.md

@@ -14,6 +14,6 @@ If you stumbled across an email address of mine, best not to use it. Like most p
 - Discord: {{< sociallink discord >}}
 - Matrix: {{< sociallink matrix >}}
 
-Want to say thanks? [Buy me a coffee]({{< socialurl buymeacoffee >}}).
+Want to [say thanks]({{<relref "support" >}})?
 
 ### Profiles

content/posts/exposing-your-homelab.md

@@ -199,6 +199,6 @@ Having a homelab is great, as a learning opportunity, hobby, and a way to take b
 
 There are many reasons to expose your lab to the internet. Access to your services outside the house, allowing other people access to your services, or hosting completely public services like a blog.
 
-Personally, I run a VPN gateway on [Vultr](https://www.vultr.com/?ref=7167289), and it works really well for my needs. If I don't want a service exposed to the public, I can connect to the VPN tunnel myself and access applications through that.
+Personally, I run a VPN gateway on [Vultr]({{<referralurl vultr>}}), and it works really well for my needs. If I don't want a service exposed to the public, I can connect to the VPN tunnel myself and access applications through that.
 
 Like many other things, there's no one right way to expose your homelab, there's always tradeoffs. Hopefully now you've got everything you need to make an informed decision.

content/posts/my-stack-2017/index.md

@@ -48,7 +48,7 @@ I currently switch between [Firefox](#browser) and [Chromium](https://www.chromi
 I've switched around password managers _a lot_, but I'm currently settled on [KeePassXC](https://keepassxc.org/), a community fork of [KeePassX](https://www.keepassx.org/), which is a cross-platform fork of [KeePass](https://keepass.info/). When it comes to cross-platform password managers, there's very little out there that's also open-source. I can access password on both my linux machines, and [my phone](https://github.com/PhilippC/keepass2android), and my windows OS when I occasionally have to use it. The [browser integration](https://addons.mozilla.org/en-US/firefox/addon/keepasshttp-connector/) is also pretty nice too!
 
 # Email
-My personal email provider of choice is [Mailfence](https://mailfence.com/), for now. I've experimented a lot with both [FastMail](https://www.fastmail.com/) and [ProtonMail](https://protonmail.com/) in the past. ProtonMail is great for security and privacy, but is lacking far too heavily in features. FastMail is the inverse, it's interface and feature-set are amazing, but their privacy / security policies aren't good enough for me.
+My personal email provider of choice is [Mailfence](https://mailfence.com/), for now. I've experimented a lot with both [FastMail]({{<referralurl fastmail>}}) and [ProtonMail](https://protonmail.com/) in the past. ProtonMail is great for security and privacy, but is lacking far too heavily in features. FastMail is the inverse, it's interface and feature-set are amazing, but their privacy / security policies aren't good enough for me.
 
 Mailfence supports all the standard features a mail client should, and has a nice set of [security features](https://mailfence.com/en/secure-email.jsp).
 

content/posts/my-stack-2018/index.md

@@ -57,7 +57,7 @@ The desktop client for Mullvad whilst functional, isn't great. I recently found
 
 # Email
 
-After realizing that the benefits of [Mailfence](https://mailfence.com/) weren't useful to me, as there's no way I'm uploading a private key, I switched. [FastMail](https://www.fastmail.com/) has all the features I could ever need, and a great UI.
+After realizing that the benefits of [Mailfence](https://mailfence.com/) weren't useful to me, as there's no way I'm uploading a private key, I switched. [FastMail]({{<referralurl fastmail>}}) has all the features I could ever need, and a great UI.
 
 ## Email Client
 My email client has stayed the same. There really is nothing close to [Thunderbird](https://www.thunderbird.net/en-GB/) on Linux! Mailspring does look nice, but it's still not quite feature-complete for my needs. And the fact Thunderbird is also a calendar app is quite useful too!

content/support.md

@@ -0,0 +1,11 @@
+---
+title: Support me
+linkTitle: Support
+image: unsplash:_UIVmIBB3JU
+layout: support
+aliases:
+    - /referrals/
+    - /donate/
+---
+
+If you like what I do, and want to say "Thanks". Here is the best way:

data/social.yml

@@ -108,12 +108,6 @@ accounts:
     link: https://hub.docker.com/u/theorangeone
     icon: fab fa-docker
 
-  buymeacoffee:
-    name: Buy Me A Coffee
-    username: TheOrangeOne
-    link: https://www.buymeacoffee.com/theorangeone
-    icon: fas fa-coffee
-
   telegram:
     name: Telegram
     username: TheOrangeOne

data/support.yml

@@ -0,0 +1,22 @@
+---
+referral:
+  vultr:
+    name: Vultr
+    link: https://www.vultr.com/?ref=7167289
+  fastmail:
+    name: Fastmail
+    link: https://ref.fm/u19842056
+    icon: fas fa-envelope-open
+
+donate:
+  buymeacoffee:
+    name: Buy Me A Coffee
+    link: https://www.buymeacoffee.com/theorangeone
+    icon: fas fa-coffee
+  github:
+    name: GitHub
+    link: https://github.com/sponsors/RealOrangeOne
+    icon: fab fa-github
+  liberapay:
+    name: Liberapay
+    link: https://liberapay.com/theorangeone/

layouts/_default/support.html

@@ -0,0 +1,31 @@
+{{ define "main" }}
+<div id="main">
+  <div class="container">
+    {{ partial "content.html" . }}
+
+    <h3>Referrals</h3>
+    <p>Interested in the same <a href='{{ (.GetPage "posts").Permalink }}'>things</a> as me? Below are referral links for some of the services I use. By following them, you get something, I get something - win win!</p>
+    <ul>
+      {{ range $i, $referral := sort .Site.Data.support.referral "name" }}
+        <li>
+          <a href="{{ $referral.link }}">
+            <i class="{{ $referral.icon }}"></i> {{ $referral.name }}
+          </a>
+        </li>
+      {{ end }}
+    </ul>
+
+    <h3>Donations</h3>
+    <p>Money doesn't buy happiness, but it certainly helps me do what I do.</p>
+    <ul>
+      {{ range $i, $referral := sort .Site.Data.support.donate "name" }}
+        <li>
+          <a href="{{ $referral.link }}">
+            <i class="{{ $referral.icon }}"></i> {{ $referral.name }}
+          </a>
+        </li>
+      {{ end }}
+    </ul>
+  </div>
+</div>
+{{ end }}

layouts/partials/bmac-pill.html

@@ -1,3 +1,3 @@
-<a href="{{ .Site.Data.social.accounts.buymeacoffee.link }}" class="bmac-pill" title="Buy Me A Coffee">
+<a href="{{ .Site.Data.support.donate.buymeacoffee.link }}" class="bmac-pill" title="Buy Me A Coffee">
   <img src="https://cdn.buymeacoffee.com/widget/assets/coffee%20cup.svg" alt="Buy Me A Coffee" referrerpolicy="no-referrer" />
 </a>

layouts/shortcodes/donateurl.html

@@ -0,0 +1 @@
+{{ (index .Site.Data.support.donate (.Get 0)).link }}

layouts/shortcodes/referralurl.html

@@ -0,0 +1 @@
+{{ (index .Site.Data.support.referral (.Get 0)).link }}