Merge branch 'master' into posts

14 files changed, 266 insertions, 189 deletions

diff --git a/_includes/all-posts.liquid b/_includes/all-posts.liquid
new file mode 100644
index 0000000..ef05295
--- /dev/null
+++ b/_includes/all-posts.liquid
@@ -0,0 +1,21 @@
+<aside class="menu">
+    <p class="menu-label">
+    All Posts 
+    </p>
+
+    <ul class="menu-list">
+        {% assign posts = collections.posts.pages | reverse %}
+        {% for post in posts %}
+            <li>
+                <a href="/{{ post.permalink }}">
+                    {% if post.published_date %}
+                        <span class="tag">
+                            {{ post.published_date | date: "%e %b %Y" }}
+                        </span>
+                    {% endif %}
+                    {{ post.title }}
+                </a>
+            </li>
+        {% endfor %}
+    </ul>
+</aside>
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
index 96b453c..a84d4f0 100644
--- a/_includes/footer.liquid
+++ b/_includes/footer.liquid
@@ -1,10 +1,19 @@
-<!-- begin footer -->
-<footer class="footer">
+<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
@@ -22,16 +31,5 @@
             NGINX
         </a>
         </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>
     </div>
-</footer>
-<!-- end footer -->
+</div>
diff --git a/_includes/head.liquid b/_includes/head.liquid
new file mode 100644
index 0000000..57befda
--- /dev/null
+++ b/_includes/head.liquid
@@ -0,0 +1,4 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{{ page.title }}</title>
+<link rel="stylesheet" href="/public/css/styles.css">
diff --git a/_includes/hero.liquid b/_includes/hero.liquid
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/_includes/hero.liquid
diff --git a/_includes/mdi-gitlab.html b/_includes/mdi-gitlab.html
new file mode 100644
index 0000000..91b0456
--- /dev/null
+++ b/_includes/mdi-gitlab.html
@@ -0,0 +1,10 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <title>
+        GitLab
+    </title>
+    <path fill="#ffffff" d="M3.16,10L12,21.5L2.32,14.3C2.05,14.09 1.94,13.75
+                            2.04,13.44L3.16,10M6.11,3.17C6,2.83 5.5,2.83
+                            5.37,3.17L3.16,10H8.32L6.11,3.17M8.32,10L12,21.5L15.68,10H8.32M21.96,13.44L20.84,10L12,21.5L21.68,14.3C21.95,14.09
+                            22.06,13.75 21.96,13.44M18.63,3.17C18.5,2.83 18,2.83
+                            17.89,3.17L15.68,10H20.84L18.63,3.17Z" />
+</svg>
diff --git a/_includes/mdi-journal.html b/_includes/mdi-journal.html
new file mode 100644
index 0000000..b32aea7
--- /dev/null
+++ b/_includes/mdi-journal.html
@@ -0,0 +1,15 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <title>
+        Journal
+    </title>
+
+    <path fill="#ffffff" d="M19,2L14,6.5V17.5L19,13V2M6.5,5C4.55,5 2.45,5.4
+                1,6.5V21.16C1,21.41 1.25,21.66 1.5,21.66C1.6,21.66 1.65,21.59
+                1.75,21.59C3.1,20.94 5.05,20.5 6.5,20.5C8.45,20.5 10.55,20.9
+                12,22C13.35,21.15 15.8,20.5 17.5,20.5C19.15,20.5 20.85,20.81
+                22.25,21.56C22.35,21.61 22.4,21.59 22.5,21.59C22.75,21.59 23,21.34
+                23,21.09V6.5C22.4,6.05 21.75,5.75 21,5.5V7.5L21,13V19C19.9,18.65 18.7,18.5
+                17.5,18.5C15.8,18.5 13.35,19.15 12,20V13L12,8.5V6.5C10.55,5.4 8.45,5
+                6.5,5V5Z" />
+
+</svg>
diff --git a/_includes/mdi-linkedin.html b/_includes/mdi-linkedin.html
new file mode 100644
index 0000000..260931f
--- /dev/null
+++ b/_includes/mdi-linkedin.html
@@ -0,0 +1,14 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <title>
+        LinkedIn
+    </title>
+
+    <path fill="#ffffff" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1
+                3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0
+                15.24,9.94C14.39,9.94 13.4,10.46
+                12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17
+                14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0
+                8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81
+                5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" />
+
+</svg>
diff --git a/_includes/mdi-rss-box.html b/_includes/mdi-rss-box.html
new file mode 100644
index 0000000..6950d99
--- /dev/null
+++ b/_includes/mdi-rss-box.html
@@ -0,0 +1,12 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <title>
+        RSS
+    </title>
+
+    <path fill="#ffffff" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1
+                19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0
+                6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0
+                0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0
+                6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" />
+
+</svg>
diff --git a/_includes/mdi-video-vintage.html b/_includes/mdi-video-vintage.html
new file mode 100644
index 0000000..50189fd
--- /dev/null
+++ b/_includes/mdi-video-vintage.html
@@ -0,0 +1,14 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <title>
+        STMUAC YouTube Channel
+    </title>
+
+    <path fill="#ffffff" d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39
+                        18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35
+                        8.96,3 8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8
+                        3.36,12.25C3.57,12.37 3.78,12.5 4,12.58V21A1,1 0 0,0
+                        5,22H17A1,1 0 0,0 18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0
+                        0,1 15,6A2,2 0 0,1 13,8A2,2 0 0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0
+                        0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2 0 0,1 6,6Z" />
+
+</svg>
diff --git a/_includes/mdi-youtube.html b/_includes/mdi-youtube.html
new file mode 100644
index 0000000..70c5836
--- /dev/null
+++ b/_includes/mdi-youtube.html
@@ -0,0 +1,20 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <title>
+        53hornet YouTube Channel
+    </title>
+
+    <path fill="#ffffff"
+          d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27
+                      21.84,9.07C21.91,9.87 21.94,10.56
+                      21.94,11.16L22,12C22,14.19 21.84,15.8
+                      21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69
+                      18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94
+                      13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31
+                      2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73
+                      2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81
+                      2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31
+                      5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06
+                      10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69
+                      21.31,6.27 21.56,7.17Z" />
+
+</svg>
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index fc3e2d7..c2cf848 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -1,168 +1,93 @@
 <!-- begin navbar -->
-<nav class="
-navbar 
-is-primary
-{% if page.title contains "Carpenter" %}
-    animated
-{% endif %}
-bounceInDown
-">
-    <!-- begin brand -->
-    <div class="navbar-brand">
-        <a class="navbar-item" href="/">
-            <img src="/logo.png">
-        </a>
-        <a
-         class="navbar-item"
-         href="/rss.xml"
-         target="_blank"
-         >
-         <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1
-                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0
-                    6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0
-                    0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0
-                    6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" />
-                    <title>
-                        RSS
-                    </title>
-                </svg>
-            </span>
-        </a>
-
-        <a 
-         class="navbar-item"
-         href="https://gitlab.com/53hornet"
-         target="_blank"
-         >
-            <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff"
-                    d="M3.16,10L12,21.5L2.32,14.3C2.05,14.09 1.94,13.75
-                    2.04,13.44L3.16,10M6.11,3.17C6,2.83 5.5,2.83
-                    5.37,3.17L3.16,10H8.32L6.11,3.17M8.32,10L12,21.5L15.68,10H8.32M21.96,13.44L20.84,10L12,21.5L21.68,14.3C21.95,14.09
-                    22.06,13.75 21.96,13.44M18.63,3.17C18.5,2.83 18,2.83
-                    17.89,3.17L15.68,10H20.84L18.63,3.17Z" />
-                    <title>
-                        GitLab
-                    </title>
-                </svg>
-            </span>
-        </a>
-        
-        <a 
-         class="navbar-item"
-         href="https://youtube.com/user/my53hornet"
-         target="_blank"
-         >
-            <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff"
-                    d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27
-                    21.84,9.07C21.91,9.87 21.94,10.56
-                    21.94,11.16L22,12C22,14.19 21.84,15.8
-                    21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69
-                    18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94
-                    13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31
-                    2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73
-                    2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81
-                    2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31
-                    5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06
-                    10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69
-                    21.31,6.27 21.56,7.17Z" />
-                    <title>
-                        53hornet YouTube Channel
-                    </title>
-                </svg>
-            </span>
-        </a>
-        
-        <a
-         class="navbar-item"
-         href="https://www.youtube.com/user/STMUAC"
-         target="_blank"
-         >
-            <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff" d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39
-                    18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35 8.96,3
-                    8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8 3.36,12.25C3.57,12.37
-                    3.78,12.5 4,12.58V21A1,1 0 0,0 5,22H17A1,1 0 0,0
-                    18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0 0,1 15,6A2,2 0 0,1 13,8A2,2 0
-                    0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0 0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2
-                    0 0,1 6,6Z" />
-                    <title>
-                        STMUAC YouTube Channel
-                    </title>
-                </svg>
-            </span>
-        </a>
-
-        <a 
-         class="navbar-item"
-         href="https://www.linkedin.com/in/adam-carpenter/"
-         target="_blank"
-         >
-            <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1
-                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1
-                    5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94
-                    13.4,10.46
-                    12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8
-                    13.54,12.17 14.31,12.17A1.4,1.4 0 0,1
-                    15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0
-                    8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0
-                    5.19,6.88C5.19,7.81 5.95,8.56
-                    6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" />
-                    <title>
-                        LinkedIn
-                    </title>
-                </svg>
-            </span>
-        </a>
-
-    </div>
-    <!-- end brand -->
-
-    <!-- begin menu -->
-    <div class="navbar-menu is-active">
+<div class="container">
+    <nav class="navbar is-primary">
+        <!-- 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>
 
-        <!-- begin start -->
-        <div class="navbar-start">
-            <p class="navbar-item">
-                Adam Tristan Carpenter
-            </p>
-        </div>
-        <!-- end start -->
+            <a class="navbar-item"
+               href="https://gitlab.com/53hornet"
+               target="_blank"
+               >
+               <span class="icon">
+                   {% include mdi-gitlab.html %}
+               </span>
+            </a>
 
-        <!-- begin end -->
-        <div class="navbar-end">
-            <a 
-               class="navbar-item"
-               href="/tech.html"
+            <a class="navbar-item"
+               href="https://youtube.com/user/my53hornet"
+               target="_blank"
                >
-                Technology
+               <span class="icon">
+                   {% include mdi-youtube.html %}
+               </span>
             </a>
-            <a 
-               class="navbar-item"
-               href="/auto.html"
+
+            <a class="navbar-item"
+               href="https://www.youtube.com/user/STMUAC"
+               target="_blank"
                >
-                Automotive
+               <span class="icon">
+                   {% include mdi-video-vintage.html %}
+               </span>
             </a>
-            <a 
-               class="navbar-item"
-               href="/life.html"
+
+            <a class="navbar-item"
+               href="https://www.linkedin.com/in/adam-carpenter/"
+               target="_blank"
                >
-                My Life
+               <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-"/53hornet"
+                   >
+                   53hornet Project
+                </a>
+
+                <a class="navbar-item"
+                   href="/driver"
+                   >
+                   Driver
+                   </a>-->
+
+                <a class="navbar-item"
+                   href="/journal"
+                   >
+                   Journal
+                </a>
+            </div>
+            <!-- end end -->
+
+        </div>
+        <!-- end menu -->
 
-</nav>
+    </nav>
+</div>
 <!-- end navbar -->
 
diff --git a/_includes/post-list.liquid b/_includes/post-list.liquid
new file mode 100644
index 0000000..e62fd63
--- /dev/null
+++ b/_includes/post-list.liquid
@@ -0,0 +1,37 @@
+<div class="columns is-centered is-multiline">
+    {% assign posts = collections.posts.pages | reverse %}
+    {% for post in posts %}
+        <div class="column is-full">
+            <div class="card">
+                <header class="card-header">
+                    <p class="card-header-title">
+                    {% if post.published_date %}
+                        {{ post.published_date | date: "%A, %b %e, %Y" }}
+                    {% endif %}
+                    </p>
+                </header>
+                <div class="card-content">
+                    <p class="subtitle">
+                    {{ post.title }}
+                    </p>
+                    <div class="content">
+                        {{ post.content | truncatewords: 50 }}
+                    </div>
+                </div>
+                <footer class="card-footer">
+                    <a class="card-footer-item"
+                       href="{{ post.permalink }}"
+                       >
+                       Read more...
+                    </a>
+                        <a class="card-footer-item"
+                           href="{{ post.permalink }}"
+                           target="_blank"
+                           >
+                           Open in new tab...
+                        </a>
+                </footer>
+            </div>
+        </div>
+    {% endfor %}
+</div>
diff --git a/_includes/similar-posts.liquid b/_includes/similar-posts.liquid
new file mode 100644
index 0000000..0dddca2
--- /dev/null
+++ b/_includes/similar-posts.liquid
@@ -0,0 +1,28 @@
+<aside class="menu">
+    <p class="menu-label">
+    Similar Posts 
+    </p>
+
+    <ul class="menu-list">
+        {% for post in collections.posts.pages %}
+            {% 
+            if post.categories
+            and page.categories
+            and page.title != post.title
+            and post.categories contains page.categories.first 
+            %}
+            <li>
+                <a href="/{{ post.permalink }}">
+                    {% if post.published_date %}
+                        <span class="tag is-rounded">
+                            {{ post.published_date | date: "%e %b %Y" }}
+                        </span>
+                    {% endif %}
+
+                    {{ post.title }}
+                </a>
+            </li>
+        {% endif %}
+    {% endfor %}
+    </ul>
+</aside>
diff --git a/_includes/toc.liquid b/_includes/toc.liquid
deleted file mode 100644
index 7e43a04..0000000
--- a/_includes/toc.liquid
+++ /dev/null
@@ -1,21 +0,0 @@
-<!-- begin TOC -->
-<div class="box">
-    <aside class="menu">
-        <p class="menu-label">
-        All Posts in {{ page.title }}
-        </p>
-
-        <ul class="menu-list">
-            <li>
-                {% for post in collections.posts.pages %}
-                    {% if post.categories contains page.title %}
-                    <a href="{{ post.permalink }}">
-                        {{ post.title }}
-                    </a>
-                    {% endif %}
-                {% endfor %}
-            </li>
-        </ul>
-    </aside>
-</div>
-<!-- end TOC -->