Add content to the support subpage.

pages/subpages/support/support.php

@@ -1,23 +1,61 @@
 #!/usr/bin/php
 		<!-- How people can support me in a recurring manner.. -->
 		<div class="row" id="donate">
-			<h2 class="col-12 header">Donate</h2>
+			<h2 class="col-12 header">Recurring Support</h2>
 		</div>
 
 		<div class="row text">
 
 			<div class="col-6 center border">
-				<strong class="spacing">Preference 1 - BMAC or patreon?</strong>
-				<p>Send any type of coin.</p>
-				<div class="header">
-				</div>
+				<strong class="spacing">Preference 1 - Liberapay</strong>
+
+				<p>Send without any sort of brokerage fees!</p>
+
+				<a href="https://liberapay.com/HyperVegan/donate"
+						target="_blank" rel="noopener noreferrer"
+				>
+					<img alt="Donate using Liberapay"
+							src="https://liberapay.com/assets/widgets/donate.svg"
+							alt="liberapay.com/HyperVegan/donate"
+					>
+
+					<br/>
+					<br/>
+
+					<img src="https://img.shields.io/liberapay/patrons/HyperVegan.svg?logo=liberapay">
+					<br/>
+					<img src="https://img.shields.io/liberapay/receives/HyperVegan.svg?logo=liberapay">
+					<br/>
+					<img src="https://img.shields.io/liberapay/goal/HyperVegan.svg?logo=liberapay">
+				</a>
 			</div>
 
 			<div class="col-6 center border">
-				<strong class="spacing">Preference 2 - The other one!</strong>
-				<p>Donate directly to an address.</p>
-				<div class="header">
-				</div>
+				<strong class="spacing">Preference 2 - Ko-fi</strong>
+				<p>5% brokerage fee.</p>
+				<a href="https://ko-fi.com/hypervegan"
+						target="_blank" rel="noopener noreferrer"
+				>
+					<img alt="Donate using Ko-fi"
+							src="https://storage.ko-fi.com/cdn/opengraph_assets/default_creator_og/hz_profile_page.png"
+							alt="ko-fi.com/hypervegan"
+					>
+				</a>
 			</div>
 
+			<!-- Requires using Stripe, which asks for last 4 of social. Pass for now.
+			<div class="col-4 center border">
+				<strong class="spacing">Preference 3 - Buy Me A Coffee</strong>
+				<p>5% brokerage fee.</p>
+				<a href="https://buymeacoffee.com/hypervegan"
+						target="_blank" rel="noopener noreferrer"
+				>
+					<img alt="Donate using Ko-fi"
+							src="https://storage.ko-fi.com/cdn/opengraph_assets/default_creator_og/hz_profile_page.png"
+							alt="buymeacoffee.com/hypervegan"
+					>
+				</a>
+			</div>
+			-->
+
 		</div>