Update Journal-related functionality

_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>

_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.

_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.

_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.

_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>

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;
+  }
 }