[Design][SSG] Add donate page.

base.html

@@ -64,6 +64,7 @@
 				<a class="button" href="mailto:hello@redacted.life">Contact</a>
 				<a class="button" href="archives.html">Archives</a>
 			</div>
+			<a class="donate-link" href="donate.html">Consider supporting these individuals and organisations</a>
 			<footer>
 				Designed by <a href="https://webionite.com">Ceda EI</a><br />
 				Source available on <a href="https://git.webionite.com/ceda_ei/redacted.life">Webionite</a><br />

donate.html

@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+{% block title %}Donate | Redacted Life{% endblock %}
+{% block left_content %}
+<ul class="donate">
+	{% for donate in donations %}
+	<li><a href="{{ donate.link }}">{{ donate.text }}</a></li>
+	{% endfor %}
+</ul>
+{% endblock %}

nova.py

@@ -221,6 +221,12 @@ def main(args):
             subscribtions=json.load(subscribe)
         ))
 
+    with open(input_dir + "donate.json") as donate, \
+            open(output_dir + "donate.html", "w") as html:
+        html.write(env.get_template("donate.html").render(
+            donations=json.load(donate)
+        ))
+
     podcast.sort()
     podcast.generate_thumbnails()
     podcast.generate_archives()

scss/index.scss

@@ -73,7 +73,7 @@ body {
 				margin: auto;
 				width: 80%;
 			}
-			ul.archives {
+			ul.archives, ul.donate {
 				list-style-type: none;
 				width: 100%;
 				padding: 0;
@@ -158,6 +158,18 @@ body {
 					color: #FFF;
 				}
 			}
+			a.donate-link {
+				color: #292929;
+				padding: 0.3em;
+				border-radius: 1.6em;
+				transition-duration: 0.2s;
+			}
+			a:hover {
+				color: #FFF;
+				background-color: #000;
+				text-decoration: none;
+				transition-duration: 0.2s;
+			}
 			footer {
 				margin-top: 1em;
 				padding: 0 1em;