From 00805978583ab9c586867a9247f97e92b796a73b Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Sun, 2 Feb 2020 03:35:27 +0530
Subject: [PATCH] [Design][SSG] Add donate page.

---
 base.html       |  1 +
 donate.html     |  9 +++++++++
 nova.py         |  6 ++++++
 scss/index.scss | 14 +++++++++++++-
 4 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 donate.html

diff --git a/base.html b/base.html
index 2446609..a3465a9 100644
--- a/base.html
+++ b/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 />
diff --git a/donate.html b/donate.html
new file mode 100644
index 0000000..d9faa16
--- /dev/null
+++ b/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 %}
diff --git a/nova.py b/nova.py
index 913897f..2530e2a 100755
--- a/nova.py
+++ b/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()
diff --git a/scss/index.scss b/scss/index.scss
index 5a7e0af..c546647 100644
--- a/scss/index.scss
+++ b/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;