added donation page

_data/donations.yml

@@ -0,0 +1,25 @@
+recurring:
+  - name: Patreon
+    description: Patreon allows you to donate a certain amount monthly, and to select pledge reward tiers. Currently, the only reward tier offered is a manually managed ebooks bot, but I <em>strongly</em> recommend using <a href='https://fedibooks.com'>FediBooks</a> (free) instead of this option.
+    currencies: [USD]
+    link: https://patreon.com/lynnesbian
+  - name: Liberapay
+    description: Liberapay functions similarly to Patreon, allowing you to pledge a monthly amount. Liberapay itself is open source software, and is designed with the OSS community in mind.
+    currencies: [All]
+    link: https://liberapay.com/lynnesbian
+
+once:
+  - name: Ko-Fi
+    description: Ko-Fi allows you to make a single donation without tax. However, it only accepts donations in increments of US$3.
+    currencies: [USD]
+    link: https://ko-fi.com/lynnesbian
+
+  - name: PayPal
+    description: PayPal allows you to make a single donation, although it will usually be taxed. Unlike Ko-Fi, donations can be any amount, and in any of PayPal's many accepted currencies.
+    currencies: [All]
+    link: https://paypal.me/lynnesbian
+
+  - name: Stellar Wallet
+    description: Keybase provides each user with a Stellar wallet, and I use Keybase, therefore I have a Stellar wallet. I don't really use it, but if you'd like to donate using crypto for any reason (privacy, convenience, etc) feel free to do so. My federated address is <tt>lynnesbian*keybase.io</tt>.
+    currencies: [Crypto]
+    link: https://keybase.io/lynnesbian/sigchain#51a69977ad4b50fafdc807e5608937903331f11e7baa34b90f849153bd6aebff22

assets/style.css

@@ -6,7 +6,7 @@ body {
 	display: flex;
 	flex-direction: column;
 	min-height: 100vh;
-	margin: 0;
+	margin: 0 0 15px 0;
 }
 #main {
 	flex-grow: 1;
@@ -50,22 +50,24 @@ a {
 	text-decoration: none;
 }
 
-#projects, #screenshots {
+#projects, #screenshots, .donation-methods {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: space-around;
 }
 .project {
-	flex: 1 0 400px;
 	background: linear-gradient(to bottom, #0dd, mediumpurple) no-repeat;
 	background-size: 2px;
+}
+.project, .donation-method {
+	flex: 1 0 400px;
 	padding: 10px;
-	padding-bottom: 20px;
+	padding-bottom: 30px;
 	margin: 10px;
 	position: relative;
 }
-.project::before {
+.project::before, .donation-method::before {
 	top: 0;
 	left: 0;
 	right: 0;
@@ -76,7 +78,7 @@ a {
 	background: linear-gradient(to bottom right, #00000003, #0000000c);
 
 }
-.project .footer {
+.project .footer, .donation-method .footer {
 	position: absolute;
 	bottom: 0;
 	margin: 10px 0;
@@ -85,7 +87,7 @@ a {
 .project .footer a:not(:last-child)::after {
 	content: " - ";
 }
-.project h2 {
+.project h2, .donation-method h2 {
 	margin-top: 0;
 }
 

donate.html

@@ -0,0 +1,44 @@
+---
+title: "Donate"
+layout: default
+---
+<h1>Donate</h1>
+<div>
+	<p>
+		While all of the software I write is licensed under free licensing, some of it is hosted using services that I pay for. Everything on lynnesbian.space (including <a href='https://fedi.lynnesbian.space'>fedi.lynnesbian.space</a>) is hosted on a <a href='https://vultr.com'>Vultr</a> VPS, which costs me US$48/mo (more than A$70/mo), alongside Wasabi storage, which fluctuates in price between US$5 to US$7.
+	</p>
+	<p>
+		On top of these costs, there are also costs that can't be directly assigned a dollar value, like the labour involved in maintaining the software I provide, the server that publicly hosts much of it, and so on.
+	</p>
+	<p>
+		If you'd like to donate, you can do so with any of the following links. Thank you very much for your consideration.
+	</p>
+
+	<h2>One time</h2>
+	<div class='donation-methods'>
+		{% for method in site.data.donations.once -%}
+		<div class='donation-method'>
+			<h2>{{ method.name }}</h2>
+			<p>
+				{{ method.description }}
+			</p>
+			<div class='footer'><a href='{{ method.link }}'>Link</a></div>
+		</div>
+		{% endfor %}
+	</div>
+
+	<h2>Recurring</h2>
+	<div class='donation-methods'>
+		{% for method in site.data.donations.recurring -%}
+		<div class='donation-method'>
+			<h2>{{ method.name }}</h2>
+			<p>
+				{{ method.description }}
+			</p>
+			<div class='footer'><a href='{{ method.link }}'>Link</a></div>
+		</div>
+		{% endfor %}
+	</div>
+</div>
+
+{%- comment -%} {{ site.data.donations.recurring }} {%- endcomment -%}