From 4fd2e5794b21d93f3030b3c0e01068b4e1def1c0 Mon Sep 17 00:00:00 2001
From: Luke Murphy <lukewm@riseup.net>
Date: Sun, 5 Apr 2020 12:13:40 +0200
Subject: [PATCH] Add a glossary

---
 hbbs/server.py               |  5 +++++
 hbbs/static/css/styles.css   | 11 ++++++++++-
 hbbs/templates/about.html    |  2 +-
 hbbs/templates/glossary.html | 11 +++++++++++
 hbbs/templates/layout.html   |  1 +
 5 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 hbbs/templates/glossary.html

diff --git a/hbbs/server.py b/hbbs/server.py
index 61913a5..98eee60 100644
--- a/hbbs/server.py
+++ b/hbbs/server.py
@@ -62,6 +62,11 @@ def collection():
     return render_template("collection.html", collection=collection)
 
 
+@app.route("/glossary")
+def glossary():
+    return render_template("glossary.html")
+
+
 @app.route("/participate")
 def participate():
     return render_template("participate.html")
diff --git a/hbbs/static/css/styles.css b/hbbs/static/css/styles.css
index 2623d21..28a2e98 100644
--- a/hbbs/static/css/styles.css
+++ b/hbbs/static/css/styles.css
@@ -48,6 +48,11 @@ ul {
   color: magenta;
 }
 
+#glossary-list li::before {
+  content: " ⃝ ";
+  color: magenta;
+}
+
 ul {
   margin: 0;
 }
@@ -78,7 +83,11 @@ ul {
   margin-bottom: 0;
 }
 
-#programmes-list li:nth-child(2) {
+#glossary-list li:nth-child(n + 2) {
+  margin-top: 10px;
+}
+
+#programmes-list li:nth-child(n + 2) {
   margin-top: 10px;
 }
 
diff --git a/hbbs/templates/about.html b/hbbs/templates/about.html
index 4effaa3..d90b166 100644
--- a/hbbs/templates/about.html
+++ b/hbbs/templates/about.html
@@ -4,7 +4,7 @@
 <p>
   This isn’t another link dump, nor is it an all-you-can-eat streaming site. We
   have files and we want to share them. The homebrew bioscoop offers programmes
-  made by viewers, for viewers. Our programmes are cu- rated playlists of films
+  made by viewers, for viewers. Our programmes are curated playlists of films
   in our collection. Playlists that encourage play, sociality through the
   things we share. Download a programme, watch it, make a programme, share it.
 </p>
diff --git a/hbbs/templates/glossary.html b/hbbs/templates/glossary.html
new file mode 100644
index 0000000..98e9862
--- /dev/null
+++ b/hbbs/templates/glossary.html
@@ -0,0 +1,11 @@
+{% extends "layout.html" %}
+
+{% block content %}
+  <ul class="no-style-list" id="glossary-list">
+    <li><span>home:</span> The place where we spend our time, alone or together.</li>
+    <li><span>brewing:</span> Concocting, devising, fermenting, developing cultures.</li>
+    <li><span>homebrew:</span> Cultures developed by ourselves, independent of commercial products and services.</li>
+    <li><span>bioscoop:</span> A Dutch word for "cinema", ultimately from Ancient Greek βίος (bíos, “bio-, life”) + σκοπέω (skopéō, “I look at”), thus roughly “watching life”. A bioscoop: a place to watch life happen.</li>
+    <li><span>programmes:</span> Genres are too generic, so we make programmes instead. To one, the film Soylent Green might be part of a programme on 20th Century Dystopic Sci-fi, and to another, one about food. Cross-references are the threads between  programmes, this is where our sociality thrives; we share our individual perspectives and tastes in common on things we like to watch.</li>
+  </ul>
+{% endblock %}
diff --git a/hbbs/templates/layout.html b/hbbs/templates/layout.html
index b2032fd..241da78 100644
--- a/hbbs/templates/layout.html
+++ b/hbbs/templates/layout.html
@@ -39,6 +39,7 @@
             <li><a href="/programmes">Programmes</a></li>
             <li><a href="/collection">Collection</a></li>
             <li><a href="/participate">Participate</a></li>
+            <li><a href="/glossary">Glossary</a></li>
           </ul>
         </div>
         <div id="content" class="col-md-4">