From 9a57e6405a6ab72dacd84f3ec61b3f879c8f484e Mon Sep 17 00:00:00 2001
From: videogame hacker <half-kh-hacker@hackery.site>
Date: Thu, 15 Jul 2021 06:21:41 +0100
Subject: [PATCH] Add a footer

---
 build_src/main.rs           |  3 ---
 src/assets/styles.css       | 40 +++++++++++++++++++++++++++++++++++++
 templates/_footer.html.j2   |  9 +++++++++
 templates/main_page.html.j2 |  2 ++
 4 files changed, 51 insertions(+), 3 deletions(-)
 create mode 100644 templates/_footer.html.j2

diff --git a/build_src/main.rs b/build_src/main.rs
index f04ca43..f535406 100644
--- a/build_src/main.rs
+++ b/build_src/main.rs
@@ -55,9 +55,6 @@ fn main() {
         let mut watcher = watcher(tx, Duration::from_millis(100)).unwrap();
         watcher.watch("./src", RecursiveMode::Recursive).unwrap();
 
-        println!();
-        log_info("Watching…\n");
-
         loop {
             match rx.recv() {
                 Ok(_) => build(),
diff --git a/src/assets/styles.css b/src/assets/styles.css
index 7fdcad9..f419d03 100644
--- a/src/assets/styles.css
+++ b/src/assets/styles.css
@@ -17,9 +17,27 @@ a {
   border-bottom: 1px solid var(--accent);
 }
 
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
 header, main, footer {
+  width: 100%;
   max-width: 90ch;
   margin: 0 auto;
+  padding: 1em;
+}
+
+main {
+  flex: 1;
+  margin-bottom: 2em;
 }
 
 header {
@@ -44,3 +62,25 @@ header img {
 li {
   line-height: 1.6em;
 }
+
+footer nav ul {
+  list-style: none;
+  display: flex;
+  flex-direction: row;
+  margin: 0;
+  padding: 0;
+}
+
+footer nav ul > li {
+  display: inline;
+  line-height: 1rem;
+  padding-bottom: 0.15em;
+}
+
+footer nav ul > li + li {
+  border-inline-start: 1px solid var(--fg);
+
+  padding-inline-start: 1ch;
+  margin-inline-start: 1ch;
+}
+
diff --git a/templates/_footer.html.j2 b/templates/_footer.html.j2
new file mode 100644
index 0000000..9112d95
--- /dev/null
+++ b/templates/_footer.html.j2
@@ -0,0 +1,9 @@
+<footer>
+  <nav>
+    <ul>
+      <li><strong class="brand">lavender software ltd</strong></li>
+      <li><a href="https://git.lavender.software/lavender/lavender.software">source code</a></li>
+      <!-- <li><a href="/about/">about us</a></li> -->
+    </ul>
+  </nav>
+</footer>
diff --git a/templates/main_page.html.j2 b/templates/main_page.html.j2
index b71e4a3..bf8b439 100644
--- a/templates/main_page.html.j2
+++ b/templates/main_page.html.j2
@@ -53,6 +53,8 @@
       </section>
     </main>
 
+    {% include "_footer.html.j2" %}
+
     <script async src="/assets/main_page/confetti.js"></script>
   </body>
 </html>