Merge branch 'construction'

36 files changed, 527 insertions, 285 deletions

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index f55167e..cc9d1c4 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -1,14 +1,7 @@
 test:
-  stage: test
-  script:
-  - bundle exec cobalt build --trace
-  except:
-  - master
-
-deploy:
-  stage: deploy
-  script:
-  - bundle exec ls _site
-  only:
-  - master
+    stage: test
+    only: 
+        - origin master
+    script:
+        - bundle exec cobalt build --trace
 
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..916ca1a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+# The personal and professional website of Adam Carpenter
+
diff --git a/_cobalt.yml b/_cobalt.yml
index 1b5746e..74bf31d 100644
--- a/_cobalt.yml
+++ b/_cobalt.yml
@@ -1,6 +1,7 @@
+ignore: ["readme.md", "README.md", ".git", ".gitignore"]
 site:
   title: 53hornet
-  description: Adam Tristan Carpenter
+  description: The personal webpages of Adam Tristan Carpenter
   base_url: https://53hor.net
 posts:
   rss: rss.xml
diff --git a/_defaults/pages.md b/_defaults/pages.md
index 28b1713..f7aec21 100644
--- a/_defaults/pages.md
+++ b/_defaults/pages.md
@@ -1,3 +1,4 @@
 ---
 layout: page.liquid
+permalink: "/{{slug}}"
 ---
diff --git a/_defaults/posts.md b/_defaults/posts.md
index 9b8659c..278e5e0 100644
--- a/_defaults/posts.md
+++ b/_defaults/posts.md
@@ -5,5 +5,6 @@ layout: post.liquid
 title: New Post
 tags: []
 categories: []
+permalink: /posts/{{categories}}/{{slug}}
 ---
 Start writing already...
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 -->
diff --git a/_layouts/index.liquid b/_layouts/index.liquid
index 6b53922..39c0084 100644
--- a/_layouts/index.liquid
+++ b/_layouts/index.liquid
@@ -1,21 +1,17 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/bulma.css">
-        <link rel="stylesheet" href="/animate.css">
+        {% include "head.liquid" %}
+        <link rel="stylesheet" href="/public/css/animate.css">
     </head>
 
     <body>
         <!-- begin hero -->
-        <section class="
-        hero
-        is-primary
-        is-fullheight
-        is-fullheight-with-navbar
-        ">
+        <section class="hero
+                           is-primary
+                           is-fullheight
+                           is-fullheight-with-navbar
+                           ">
             <!-- begin hero head -->
             <div class="hero-head">
                 {% include "nav.liquid" %}
@@ -24,38 +20,76 @@
 
             <!-- begin hero body -->
             <div class="hero-body">
-                <div class="container is-fluid">
+                <div class="container">
                     <div class="columns">
-                        <div class="column">
+                        <div class="column is-two-fifths">
 
                             <!-- begin content -->
                             <div class="column">
-                                <h1 class="title animated fadeInLeft">
-                                    {{ page.title }}
-                                </h1>
+                                <p class="subtitle is-3">
+                                Greetings, my name is
+                                </p>
+                                <p class="title is-1">
+                                Adam Carpenter
+                                </p>
 
-                                <div class="content animated fadeInLeft">
-                                    {{ page.content }}
+                                <div class="content">
+                                    <p>
+                                    and I am a...
+                                    <ul>
+                                        <li>
+                                            Computer programmer at ADP
+                                        </li>
+                                        <li>
+                                            Amateur Hudson driver, mechanic, and caretaker
+                                        </li>
+                                        <li>
+                                            Loving fiancé and puppy parent
+                                        </li>
+                                    </ul>
+                                    </p>
                                 </div>
+
+                                <p>
+                                and this is my website.
+                                </p>
+
+                                <p class="has-text-centered animated jello delay-1s">
+                                ↓ Keep reading below ↓ 
+                                </p>
                             </div>
                             <!-- end content -->
 
                         </div>
                         <div class="column">
-                            <div class="box animated delay-1s fadeInRight">
-                                <img src="https://nextcloud.53hor.net/s/WA4MokYXXGJHf6n/preview">
+                            <div class="box animated fadeIn">
+                                <figure class="image">
+                                    <img src="https://nextcloud.53hor.net/s/JybL4rc3AQZb3Hk/preview">
+                                </figure>
                             </div>
                         </div>
                     </div>
-                </div>
 
+                </div>
             </div>
             <!-- end hero body -->
 
         </section>
         <!-- end hero -->
 
-        {% include "footer.liquid" %}
-  </body>
+        <!-- begin main content -->
+        <section class="section">
+            <div class="container">
+                <div class="content">
+                    {{ page.content }}
+                </div>
+            </div>
+        </section>
+        <!-- end main content -->
+
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
+    </body>
 
 </html>
diff --git a/_layouts/journal.liquid b/_layouts/journal.liquid
new file mode 100644
index 0000000..e3f5ae4
--- /dev/null
+++ b/_layouts/journal.liquid
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        {% include "head.liquid" %}
+        <script src="/public/js/lunr.js"></script>
+    </head>
+
+    <body>
+        <!-- begin hero -->
+        <section class="
+                        hero
+                        is-primary
+                        ">
+            <!-- begin hero head -->
+            <div class="hero-head">
+                {% include "nav.liquid" %}
+            </div>
+            <!-- end hero head -->
+
+            <!-- begin hero body -->
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">
+                        {{ page.title }}
+                    </h1>
+                </div>
+            </div>
+            <!-- end hero body -->
+
+        </section>
+        <!-- end hero -->
+
+        <!-- begin main content -->
+        <section class="section">
+            <div class="container">
+
+                <div class="content">
+                    {{ page.content }}
+                </div>
+
+            </div>
+        </section>
+        <!-- end main content -->
+
+        <!-- begin blog posts -->
+        <section class="section">
+            <div class="container">
+                <div class="columns">
+
+                    <!-- begin short post list -->
+                    <div class="column is-narrow">
+                        {% include all-posts.liquid %}
+                    </div>
+                    <!-- end short post list -->
+
+                    <!-- begin long post list -->
+                    <div class="column">
+                        {% include post-list.liquid %}
+                    </div>
+                    <!-- end long post list -->
+
+                </div>
+            </div>
+        </section>
+        <!-- end blog posts -->
+
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
+    </body>
+
+</html>
diff --git a/_layouts/page.liquid b/_layouts/page.liquid
index b97dc7e..28e8e20 100644
--- a/_layouts/page.liquid
+++ b/_layouts/page.liquid
@@ -1,18 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/bulma.css">
+        {% include "head.liquid" %}
     </head>
 
     <body>
         <!-- begin hero -->
-        <section class="
-        hero
-        is-primary
-        ">
+        <section class="hero is-primary">
             <!-- begin hero head -->
             <div class="hero-head">
                 {% include "nav.liquid" %}
@@ -21,7 +15,7 @@
 
             <!-- begin hero body -->
             <div class="hero-body">
-                <div class="container is-fluid">
+                <div class="container">
                     <h1 class="title">
                         {{ page.title }}
                     </h1>
@@ -34,15 +28,19 @@
 
         <!-- begin main content -->
         <section class="section">
-            <div class="container is-fluid">
+            <div class="container">
                 <div class="columns">
 
                     <div class="column">
-                        {{ page.content }}
+                        <div class="content">
+                            {{ page.content }}
+                        </div>
                     </div>
 
                     <div class="column is-narrow">
-                        {% include "toc.liquid" %}
+                        <aside>
+                            {% include "toc.liquid" %}
+                        </aside>
                     </div>
 
                 </div>
@@ -50,7 +48,9 @@
         </section>
         <!-- end main content -->
 
-        {% include "footer.liquid" %}
-  </body>
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
+    </body>
 
 </html>
diff --git a/_layouts/post.liquid b/_layouts/post.liquid
index 54bf211..80831a2 100644
--- a/_layouts/post.liquid
+++ b/_layouts/post.liquid
@@ -1,18 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/bulma.css">
+        {% include "head.liquid" %}
     </head>
 
     <body>
         <!-- begin hero -->
-        <section class="
-        hero
-        is-primary
-        ">
+        <section class="hero is-primary">
             <!-- begin hero head -->
             <div class="hero-head">
                 {% include "nav.liquid" %}
@@ -21,33 +15,41 @@
 
             <!-- begin hero body -->
             <div class="hero-body">
-                <div class="container is-fluid">
+                <div class="container">
                     <!-- begin title and date -->
                     <h1 class="title">
                         {{ page.title }}
                     </h1>
 
                     <h2 class="subtitle">
-                        {{ page.published_date | date: "%A, %b %e, %Y" }}
+                        {% if page.published_date %}
+                            {{ page.published_date | date: "%A, %b %e, %Y" }}
+                        {% else %}
+                            Unpublished!
+                        {% endif %}
                     </h2>
                     <!-- end title and date -->
 
                     <!-- begin categories and tags -->
+                    <p>
                     {% if page.categories %}
+                        Categories: 
                         {% for category in page.categories %}
-                            <span class="tag">
+                            <span class="tag is-rounded">
                                 {{ category | downcase }}
                             </span>
                         {% endfor %}
                     {% endif %}
 
                     {% if page.tags %}
+                        Tags: 
                         {% for tag in page.tags %}
-                            <span class="tag">
-                                {{ tag | downcase }}
+                            <span class="tag is-rounded">
+                                #{{ tag | downcase }}
                             </span>
                         {% endfor %}
                     {% endif %}
+                    </p>
                     <!-- end categories and tags -->
 
                 </div>
@@ -59,15 +61,25 @@
 
         <!-- begin main content -->
         <section class="section">
-            <div class="container is-fluid">
-                <div class="content">
-                    {{ page.content }}
+            <div class="container">
+                <div class="columns">
+                    <div class="column">
+                        <div class="content">
+                            {{ page.content }}
+                        </div>
+                    </div>
+
+                    <div class="column is-narrow">
+                        {% include similar-posts.liquid %}
+                    </div>
                 </div>
             </div>
         </section>
         <!-- end main content -->
 
-        {% include "footer.liquid" %}
-  </body>
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
+    </body>
 
 </html>
diff --git a/auto.md b/auto.md
deleted file mode 100644
index 445ae09..0000000
--- a/auto.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: Automotive
-layout: page.liquid
----
-
-More to come soon!
diff --git a/index.md b/index.md
index 57e29ea..2b3f48c 100644
--- a/index.md
+++ b/index.md
@@ -1,11 +1,21 @@
 ---
 layout: index.liquid
-title: I'm Adam Carpenter
+title: Welcome!
 categories: ["index"]
 ---
-Automation Application Developer at ADP
+# Welcome! 
 
-Amateur Hudson mechanic
+You've reached the personal and professional pages of Adam Carpenter
+(53hornet). Below's a summary of what you'll find on my site. If you want to
+search my site or get alerts when new content is added, [subscribe to my RSS
+feed](/rss.xml).
 
-Loving fiancé and puppy parent
+## Journal
 
+A running collection of posts about what I've been up to.
+
+## More to Come
+
+There's a lot more in the works as I continue to get this site set up the way I
+want it. It's a work-in-progress currently but I've been enjoying the
+transition from my older sites.
diff --git a/life.md b/life.md
deleted file mode 100644
index 677129e..0000000
--- a/life.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: My Life
-layout: page.liquid
----
-More to come soon!
diff --git a/pages/journal.md b/pages/journal.md
new file mode 100644
index 0000000..00386e3
--- /dev/null
+++ b/pages/journal.md
@@ -0,0 +1,6 @@
+---
+title: Journal
+layout: journal.liquid
+permalink: "/{{slug}}"
+---
+# Is it a blog? Probably.
diff --git a/posts/2019-04-06-why-have-a-web-site-in-2019.md b/posts/2019-04-06-why-have-a-website-in-2019.md
index 83d02f1..3c74763 100644
--- a/posts/2019-04-06-why-have-a-web-site-in-2019.md
+++ b/posts/2019-04-06-why-have-a-website-in-2019.md
@@ -1,13 +1,14 @@
 ---
-title: Why Have a Web Site in 2019?
+permalink: /posts/{{categories}}/{{slug}}
+title: Why Have a Website in 2019?
 categories:
-  - Technology
+    - technology
 tags:
-  - website
-  - self-hosted
-  - blog
-  - online presence
-published_date: "2019-04-06 15:12:16 +0000"
+    - website
+    - self-hosted
+    - blog
+    - online presence
+published_date: "2019-04-06 20:50:19 +0000"
 layout: post.liquid
 is_draft: false
 ---
diff --git a/posts/how-to-start-and-drive-a-hudson-hornet.md b/posts/how-to-start-and-drive-a-hudson-hornet.md
new file mode 100644
index 0000000..8728fba
--- /dev/null
+++ b/posts/how-to-start-and-drive-a-hudson-hornet.md
@@ -0,0 +1,10 @@
+---
+permalink: /posts/{{categories}}/{{slug}}
+title: How to Start and Drive a Hudson Hornet
+categories: 
+    - automotive
+tags: []
+layout: post.liquid
+is_draft: true
+---
+Start writing already...
diff --git a/posts/my-first-car-is-a-1953-hudson-hornet.md b/posts/my-first-car-is-a-1953-hudson-hornet.md
new file mode 100644
index 0000000..50f857d
--- /dev/null
+++ b/posts/my-first-car-is-a-1953-hudson-hornet.md
@@ -0,0 +1,9 @@
+---
+permalink: "/posts/{{categories}}/{{slug}}"
+title: My First Car is a 1953 Hudson Hornet
+categories: ["automotive"]
+tags: []
+layout: post.liquid
+is_draft: true
+---
+Start writing already...
diff --git a/posts/oh-sh-t-or-the-case-for-safer-classic-cars.md b/posts/oh-sh-t-or-the-case-for-safer-classic-cars.md
new file mode 100644
index 0000000..55c93b1
--- /dev/null
+++ b/posts/oh-sh-t-or-the-case-for-safer-classic-cars.md
@@ -0,0 +1,9 @@
+---
+permalink: "/posts/{{categories}}/{{slug}}"
+title: "Oh, Sh*t, or, the Case for Safer Classic Cars"
+categories: ["automotive"]
+tags: []
+layout: post.liquid
+is_draft: true
+---
+Start writing already...
diff --git a/posts/school-server-closets-are-utopic.md b/posts/school-server-closets-are-utopic.md
new file mode 100644
index 0000000..97650c6
--- /dev/null
+++ b/posts/school-server-closets-are-utopic.md
@@ -0,0 +1,10 @@
+---
+permalink: /posts/{{categories}}/{{slug}}
+title: School Server Closets are Utopic
+categories: 
+- technology
+tags: []
+layout: post.liquid
+is_draft: true
+---
+Start writing already...
diff --git a/posts/what-is-a-scripting-language-really.md b/posts/what-is-a-scripting-language-really.md
new file mode 100644
index 0000000..dd95ce7
--- /dev/null
+++ b/posts/what-is-a-scripting-language-really.md
@@ -0,0 +1,10 @@
+---
+permalink: /posts/{{categories}}/{{slug}}
+title: What Is a Scripting Language Really?
+categories: 
+    - technology
+tags: []
+layout: post.liquid
+is_draft: true
+---
+Start writing already...
diff --git a/bulma.sass b/public/css/styles.sass
index 006fcf5..400ead3 100644
--- a/bulma.sass
+++ b/public/css/styles.sass
@@ -5,7 +5,7 @@
 $balboa: hsl(196, 63%, 27%);
 
 /* coolors.co/193a44-ffffff-1c5d99-639fab-bbcde5 */
-$white: hsl(0%, 0%, 100%);
+// $white: hsl(0%, 0%, 100%);
 $lapis-lazuli: hsl(209%, 69%, 35%);
 $cadet-blue: hsl(190%, 30%, 53%);
 $pale-aqua: hsl(214%, 45%, 82%);
diff --git a/logo.png b/public/images/logo.png
index 549bd0e..549bd0e 100644
--- a/logo.png
+++ b/public/images/logo.png
diff --git a/tech.md b/tech.md
deleted file mode 100644
index 5d0dba1..0000000
--- a/tech.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Technology
-layout: page.liquid
----
-More to come soon!