From 248c812f056b93528e768180b5c72b44d3f02533 Mon Sep 17 00:00:00 2001
From: Cadence Ember <cadence@disroot.org>
Date: Fri, 16 Apr 2021 15:24:48 +1200
Subject: [PATCH] Add site footer

---
 pug/home.pug              |  4 ----
 pug/includes/layout.pug   | 16 ++++++++++++++++
 sass/includes/base.sass   |  4 ++++
 sass/includes/footer.sass | 32 ++++++++++++++++++++++++++++++++
 sass/main.sass            |  1 +
 5 files changed, 53 insertions(+), 4 deletions(-)
 create mode 100644 sass/includes/footer.sass

diff --git a/pug/home.pug b/pug/home.pug
index dc9b01f..f71d2c4 100644
--- a/pug/home.pug
+++ b/pug/home.pug
@@ -13,7 +13,3 @@ block content
       form(method="get" action="/search").encouraging-search-form
         input(type="text" name="q" placeholder="I'd like to watch..." autocomplete="off" autofocus=!mobile).search.base-border-look
       p: a(href="/cant-think") ...can't think of anything?
-
-    .encouraging-message
-      p CloudTube gets better with your help. I can't deal with issues that I don't know about.
-      p: a(href="https://todo.sr.ht/~cadence/tube") Report a problem or missing feature
diff --git a/pug/includes/layout.pug b/pug/includes/layout.pug
index e24561f..df2558a 100644
--- a/pug/includes/layout.pug
+++ b/pug/includes/layout.pug
@@ -26,3 +26,19 @@ html
           input(type="text" placeholder="Search" name="q" autocomplete="off" value=query).search
 
     block content
+
+    footer.footer__container
+      div.footer__center
+        p Released as AGPL free software.
+        .footer__cols
+          div
+            h3.footer__colhead Source
+            ul.footer__list
+              li: a(href="https://sr.ht/~cadence/tube") Project hub
+              li: a(href="https://lists.sr.ht/~cadence/tube-announce") Announcements
+              li: a(href="https://todo.sr.ht/~cadence/tube") Report a problem
+          div
+            h3.footer__colhead About
+            ul.footer__list
+              // li: a(href="/privacy") Privacy policy
+              // li: a(href="/js-licenses") JavaScript licenses
diff --git a/sass/includes/base.sass b/sass/includes/base.sass
index 9845ecc..537a32a 100644
--- a/sass/includes/base.sass
+++ b/sass/includes/base.sass
@@ -7,6 +7,10 @@ body
   font-size: 18px
   margin: 0
   padding: 0
+  // for footer alignment
+  min-height: 100vh
+  display: flex
+  flex-direction: column
 
 a
   color: c.$link
diff --git a/sass/includes/footer.sass b/sass/includes/footer.sass
new file mode 100644
index 0000000..7f1b1e4
--- /dev/null
+++ b/sass/includes/footer.sass
@@ -0,0 +1,32 @@
+@use "./colors.sass" as c
+
+.footer__container
+  flex: 1
+  display: grid
+  align-items: end
+  line-height: 1.5
+
+.footer__center
+  display: flex
+  flex-direction: column
+  align-items: center
+  background-color: c.$bg-darkest
+  margin: 40px 0 0
+  padding: 10px 10px 30px
+
+.footer__cols
+  display: flex
+  gap: 16px
+  justify-content: center
+
+  @media screen and (max-width: 600px)
+    display: grid
+
+.footer__colhead
+  font-weight: normal
+  font-size: 1em
+  margin: 0 0 8px
+
+.footer__list
+  padding-left: 24px
+  margin: 0
diff --git a/sass/main.sass b/sass/main.sass
index 803be99..409853d 100644
--- a/sass/main.sass
+++ b/sass/main.sass
@@ -10,6 +10,7 @@
 @use "includes/cant-think-page.sass"
 @use "includes/forms.sass"
 @use "includes/nav.sass"
+@use "includes/footer.sass"
 
 @font-face
   font-family: "Bariol"