From 2d199f09ac99107db44bbf14880cb633e6824703 Mon Sep 17 00:00:00 2001
From: Bill Niblock <bill@theinternetvagabond.com>
Date: Wed, 6 Mar 2024 18:07:45 -0500
Subject: [PATCH] Update Journal-related functionality

---
 _includes/journal_footer.html |  3 ++
 _journals/7th.md              |  7 ++++
 _journals/bask.md             |  7 ++++
 _journals/nataliah.md         |  7 ++++
 _layouts/journal.html         | 13 ++++---
 assets/journal.css            | 67 +++++++++++++++++++++++++----------
 6 files changed, 79 insertions(+), 25 deletions(-)
 create mode 100644 _journals/7th.md
 create mode 100644 _journals/bask.md
 create mode 100644 _journals/nataliah.md

diff --git a/_includes/journal_footer.html b/_includes/journal_footer.html
index 6eab09a..60eb795 100644
--- a/_includes/journal_footer.html
+++ b/_includes/journal_footer.html
@@ -15,6 +15,9 @@
 		<a href="{{ entries[prev_index].url }}">Previous</a>
 	</span>
 {% endif %}
+	<span class="home">
+		<a href="/journals/{{ page.aut }}">Journal Index</a>
+	</span>
 {% if next_index >= 0 %}
 	<span class="next">
 		<a href="{{ entries[next_index].url }}">Next</a>
diff --git a/_journals/7th.md b/_journals/7th.md
new file mode 100644
index 0000000..2bca3b4
--- /dev/null
+++ b/_journals/7th.md
@@ -0,0 +1,7 @@
+---
+layout: journals
+title: 7th Ancillary
+source: journals
+slug: seventh
+---
+The party journal of the 7th Ancillary of the Altasian Army.
diff --git a/_journals/bask.md b/_journals/bask.md
new file mode 100644
index 0000000..c7059a0
--- /dev/null
+++ b/_journals/bask.md
@@ -0,0 +1,7 @@
+---
+layout: journals
+title: Bask Temlin
+source: journals
+slug: bask
+---
+Bask is an eldritch knight that hits things with his sword.
diff --git a/_journals/nataliah.md b/_journals/nataliah.md
new file mode 100644
index 0000000..9e8f871
--- /dev/null
+++ b/_journals/nataliah.md
@@ -0,0 +1,7 @@
+---
+layout: journals
+title: Nataliah Kas Zhukoff
+source: journals
+slug: nataliah
+---
+Nataliah Kas Zhukoff is an alchemist intent on her own ambitions.
diff --git a/_layouts/journal.html b/_layouts/journal.html
index 59f928b..cbe7821 100644
--- a/_layouts/journal.html
+++ b/_layouts/journal.html
@@ -15,6 +15,8 @@
   <div class="menu-toggle">M</div>
   <menu>
     <figure>
+      <h2><a href="/">Site Home</a></h2>
+      <hr>
       <a href="/journals/{{ page.aut }}">
         <img src="/assets/{{ page.aut }}.png" alt="{{ page.author }}" />
       </a>
@@ -23,14 +25,9 @@
       <hr>
     </figure>
     <nav>
-      <ul>
-        <li><a href="/">Site Home</a></li>
-        <li><a href="/journals/{{ page.aut }}">Journal Home</li>
-      </ul>
-      <hr>
       <ul>
         {% assign entries = site.posts | 
-        where_exp:"posts", "posts.categories contains page.aut" %}
+        where_exp: "posts", "posts.categories contains page.aut" %}
         {% for entry in entries %}
         <li>
           <a href="{{ entry.url }}">{{ entry.title }}</a>
@@ -43,7 +40,9 @@
   <main>
     <article>
     {{ content }}
-    {% include journal_footer.html %}
+    {% unless page.no-footer %}
+      {% include journal_footer.html %}
+    {% endunless %}
     </article>
   </main>
 </body>
diff --git a/assets/journal.css b/assets/journal.css
index 6c314a9..5ba059c 100644
--- a/assets/journal.css
+++ b/assets/journal.css
@@ -18,22 +18,34 @@ menu {
 	outline:none;  
   background-color: antiquewhite;
   overflow-y: scroll;
-}
-menu .meta_buttons {
-  margin: 0; padding: 0 10%;
-}
-menu figure {
-  margin: 2vh 0 0 0; padding: 0 10%;
-}
-figure img {
-  width: 100%;
-	max-width: 100%;
-}
-menu nav {
-  margin: 0 0 2vh 0; padding: 0 10%;
-}
-menu nav ul {
-  list-style: none;
+
+  .meta_buttons {
+    margin: 0; padding: 0 10%;
+  }
+
+  figure {
+    margin: 2vh 0 0 0; padding: 0 10%;
+
+    h2 {
+      text-align: center;
+    }
+    img {
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+  nav {
+    margin: 0 0 2vh 0;
+    
+    ul {
+      list-style: none;
+      padding: 0 10%;
+    }
+
+    li {
+      padding: 0.2em 0;
+    }
+  }
 }
 main {
   position:relative;
@@ -63,6 +75,21 @@ a:hover {
 figcaption {
   font-size: 1.5rem;
 }
+
+footer {
+  display: flex; justify-content: space-between;
+  position: sticky; bottom: 1vh; left: 1vw; right: 1vw;
+  padding: 1em;
+  border-top: 1px solid black; border-bottom: 1px solid black;
+  background-color: #333; box-shadow: 0 10px 10px grey;
+
+  a,a:visited,a:link,a:focus,a:hover {
+    text-decoration: none;
+    color: lightgrey;
+    transition: color 0.5s;
+  }
+}
+
 article h1 {}
 article h2 {}
 article h3 {}
@@ -77,8 +104,8 @@ article h5 {}
   .menu-toggle {
     display: block;
     position: fixed;
-    bottom: 3vh; right: 1vw;
-    height: 3vh; padding: 0 1vw;
+    top: 0; left: 0; right: 0;
+    height: 3vh;
     z-index: 10;
     background-color: black; color: white;
     text-align: center;
@@ -107,4 +134,8 @@ article h5 {}
     opacity: 0.5;
     transition: display;
   }
+  main {
+    padding-top: 3vh;
+    height: 97vh;
+  }
 }