Added TOC and cards to journal page.

2 files changed, 102 insertions, 99 deletions

diff --git a/_includes/footer.liquid b/_includes/footer.liquid
index 8feaa9c..a84d4f0 100644
--- a/_includes/footer.liquid
+++ b/_includes/footer.liquid
@@ -1,33 +1,35 @@
-<div class="content has-text-centered">
-    <p>
-    Site last updated {{ "now" | date: "%A, %b %e, %Y" }}
-    </p>
-    <p>
-    See a problem? 
-    <a href=" mailto:atc@53hor.net?subject=Found%20your%20website!">
-        Tell me so I can fix it
-    </a>
-    or
-    <a href="https://gitlab.com/53hornet/cobalt-site">
-        fix it yourself!
-    </a>
-    </p>
-    <p>
-    Built using 
-    <a href="https://cobalt-org.github.io/">
-        Cobalt.rs
-    </a>
-    , 
-    <a href="https://bulma.io">
-        Bulma.io
-    </a>
-    ,
-    <a href="https://daneden.github.io/animate.css/">
-        Animate.css
-    </a>
-    , and self-hosted with 
-    <a href="https://nginx.org/">
-        NGINX
-    </a>
-    </p>
+<div class="container">
+    <div class="content has-text-centered">
+        <p>
+        Site last updated {{ "now" | date: "%A, %b %e, %Y" }}
+        </p>
+        <p>
+        See a problem? 
+        <a href=" mailto:atc@53hor.net?subject=Found%20your%20website!">
+            Tell me so I can fix it
+        </a>
+        or
+        <a href="https://gitlab.com/53hornet/cobalt-site">
+            fix it yourself!
+        </a>
+        </p>
+        <p>
+        Built using 
+        <a href="https://cobalt-org.github.io/">
+            Cobalt.rs
+        </a>
+        , 
+        <a href="https://bulma.io">
+            Bulma.io
+        </a>
+        ,
+        <a href="https://daneden.github.io/animate.css/">
+            Animate.css
+        </a>
+        , and self-hosted with 
+        <a href="https://nginx.org/">
+            NGINX
+        </a>
+        </p>
+    </div>
 </div>
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index 3a1fa0c..4ade8b6 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -1,80 +1,81 @@
 <!-- begin navbar -->
-<nav 
-    class="navbar is-primary animated bounceInDown">
-    <!-- begin brand -->
-    <div class="navbar-brand">
-        <a class="navbar-item" href="/">
-            <img src="/public/images/logo.png">
-        </a>
-        <a class="navbar-item"
-           href="/rss.xml"
-           target="_blank"
-           >
-           <span class="icon">
-               {% include mdi-rss-box.html %}
-           </span>
-        </a>
-
-        <a class="navbar-item"
-           href="https://gitlab.com/53hornet"
-           target="_blank"
-           >
-           <span class="icon">
-               {% include mdi-gitlab.html %}
-           </span>
-        </a>
-
-        <a class="navbar-item"
-           href="https://youtube.com/user/my53hornet"
-           target="_blank"
-           >
-           <span class="icon">
-               {% include mdi-youtube.html %}
-           </span>
-        </a>
-
-        <a class="navbar-item"
-           href="https://www.youtube.com/user/STMUAC"
-           target="_blank"
-           >
-           <span class="icon">
-               {% include mdi-video-vintage.html %}
-           </span>
-        </a>
-
-        <a class="navbar-item"
-           href="https://www.linkedin.com/in/adam-carpenter/"
-           target="_blank"
-           >
-           <span class="icon">
-               {% include mdi-linkedin.html %}
-           </span>
-        </a>
+<div class="container">
+    <nav class="navbar is-primary animated bounceInDown">
+        <!-- begin brand -->
+        <div class="navbar-brand">
+            <a class="navbar-item" href="/">
+                <img src="/public/images/logo.png">
+            </a>
+            <a class="navbar-item"
+               href="/rss.xml"
+               target="_blank"
+               >
+               <span class="icon">
+                   {% include mdi-rss-box.html %}
+               </span>
+            </a>
 
-    </div>
-    <!-- end brand -->
+            <a class="navbar-item"
+               href="https://gitlab.com/53hornet"
+               target="_blank"
+               >
+               <span class="icon">
+                   {% include mdi-gitlab.html %}
+               </span>
+            </a>
 
-    <!-- begin menu -->
-    <div class="navbar-menu is-active">
+            <a class="navbar-item"
+               href="https://youtube.com/user/my53hornet"
+               target="_blank"
+               >
+               <span class="icon">
+                   {% include mdi-youtube.html %}
+               </span>
+            </a>
 
-        <!-- begin start -->
-        <div class="navbar-start">
-        </div>
-        <!-- end start -->
+            <a class="navbar-item"
+               href="https://www.youtube.com/user/STMUAC"
+               target="_blank"
+               >
+               <span class="icon">
+                   {% include mdi-video-vintage.html %}
+               </span>
+            </a>
 
-        <!-- begin end -->
-        <div class="navbar-end">
             <a class="navbar-item"
-               href="/journal"
+               href="https://www.linkedin.com/in/adam-carpenter/"
+               target="_blank"
                >
-               Journal
+               <span class="icon">
+                   {% include mdi-linkedin.html %}
+               </span>
             </a>
+
         </div>
-        <!-- end end -->
+        <!-- end brand -->
+
+        <!-- begin menu -->
+        <div class="navbar-menu is-active">
+
+            <!-- begin start -->
+            <div class="navbar-start">
+            </div>
+            <!-- end start -->
 
-    </div>
-    <!-- end menu -->
+            <!-- begin end -->
+            <div class="navbar-end">
+                <a class="navbar-item"
+                   href="/journal"
+                   >
+                   Journal
+                </a>
+            </div>
+            <!-- end end -->
+
+        </div>
+        <!-- end menu -->
 
-</nav>
+    </nav>
+</div>
 <!-- end navbar -->