Site updated: 2018-11-05 00:58:40

325b7485 · John · a986c1be · 325b7485 · 325b7485 · 325b7485
Commit 325b7485 authored Nov 05, 2018 by John
31 changed files
--- a/404/index.html
+++ b/404/index.html
@@ -105,16 +105,17 @@ Sorry about that.">
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -130,6 +131,7 @@ Sorry about that.">
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/about/index.html
+++ b/about/index.html
@@ -136,16 +136,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -161,6 +162,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2010/02/index.html
+++ b/archives/2010/02/index.html
@@ -94,16 +94,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -119,6 +120,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2010/05/index.html
+++ b/archives/2010/05/index.html
@@ -94,16 +94,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -119,6 +120,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2010/index.html
+++ b/archives/2010/index.html
@@ -106,16 +106,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -131,6 +132,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2012/08/index.html
+++ b/archives/2012/08/index.html
@@ -94,16 +94,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -119,6 +120,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2012/index.html
+++ b/archives/2012/index.html
@@ -94,16 +94,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -119,6 +120,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2018/04/index.html
+++ b/archives/2018/04/index.html
@@ -109,16 +109,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -134,6 +135,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2018/05/index.html
+++ b/archives/2018/05/index.html
@@ -95,16 +95,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -120,6 +121,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/2018/11/index.html
+++ b/archives/2018/11/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta name="generator" content="Hexo 3.8.0">
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Archives: 11/2018: 2018 | TheBestJohn</title>
+  <link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
+  <link rel="stylesheet" href="/css/index.css">
+  <link rel="stylesheet" href="/css/highlights/dracula.css">
+  <link rel="canonical" href="http://blog.thebestjohn.com/archives/2018/11/">
+  <meta name="description" content="Just a place to make stuff">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="TheBestJohn">
+  <meta property="og:url" content="http://blog.thebestjohn.com/archives/2018/11/">
+  <meta property="og:site_name" content="TheBestJohn">
+  <meta property="og:description" content="Just a place to make stuff">
+  <meta property="og:locale" content="en">
+  <meta property="og:image" content="http://blog.thebestjohn.com/images/default.jpg">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:title" content="TheBestJohn">
+  <meta name="twitter:description" content="Just a place to make stuff">
+  <meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg">
+  <link rel="icon" href="/images/icon.png">
+  <link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn">
+  <script>
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+      var u = "//anal.thebestjohn.com/";
+      _paq.push(['setTrackerUrl', u + 'piwik.php']);
+      _paq.push(['setSiteId', '1']);
+      var d = document,
+        g = d.createElement('script'),
+        s = d.getElementsByTagName('script')[0];
+      g.type = 'text/javascript';
+      g.async = true;
+      g.defer = true;
+      g.src = u + 'piwik.js';
+      s.parentNode.insertBefore(g, s);
+    })();
+  </script>
+</head>
+<body itemscope="" itemtype="https://schema.org/WebPage">
+  <nav class="menu" id="menu">
+    <div class="menu-inner">
+      <div class="menu__left-area">
+        <div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div>
+      </div>
+      <div class="menu__right-area">
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div>
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/glossary">Glossary</a></div>
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div>
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div>
+        <div class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn" target="_blank" rel="external nofollow noopener noreferrer">Patreon</a></div>
+      </div>
+    </div>
+  </nav>
+  <div class="page-background"></div>
+  <div class="content-container">
+    <div class="content-outer">
+      <div class="content-inner" itemscope="" itemtype="https://schema.org/Blog">
+        <section class="post-list">
+          <header>
+            <h2>Archives: 11/2018</h2>
+          </header>
+          <hr>
+          <article class="post-list__item">
+            <div class="post-list__item__col-1">
+              <a class="post-list__item__link" href="/posts/base16-and-all-that-jazz/">
+                <div class="post-list__item__link__background" style="background-image:url('/images/b4da55.png');"></div>
+              </a>
+            </div>
+            <div class="post-list__item__col-2">
+              <h3 class="post-list__item__title"><a href="/posts/base16-and-all-that-jazz/" title="Base16 and all that Jazz">Base16 and all that Jazz</a></h3>
+              <div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Fundamentals/">Fundamentals</a></div>
+              <p class="post-list__item__description">Photo by Vidar Nordli-Mathisen on Unsplash Oh God. HEX! It’s just so hard to get your head around. A lot of people think that getting into...</p>
+            </div>
+          </article>
+        </section>
+        <div class="pagination"><span class="page-number current">1</span></div>
+      </div>
+    </div>
+  </div>
+  <footer id="footer">
+    <div class="widgets">
+      <div class="widgets-inner">
+        <!-- Jade doesn't support dynamic inclusion with `each`.-->
+        <!-- So, I just hard coded the file names that will be included.-->
+        <div class="widgets__item">
+          <h3 class="widgets__item__heading">Recent posts</h3>
+          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
+            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
+            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
+            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
+            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
+          </ul>
+        </div>
+        <div class="widgets__item">
+          <h3 class="widgets__item__heading">Archives</h3>
+          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li>
+          </ul>
+        </div>
+        <div class="widgets__item">
+          <h3 class="widgets__item__heading">Categories</h3>
+          <ul class="category-list">
+            <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/">ESP8266/ESP32</a><span class="category-list-count">1</span>
+              <ul class="category-list-child">
+                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
+              </ul>
+            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
+              <ul class="category-list-child">
+                <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/Gitlab/">Gitlab</a><span class="category-list-count">1</span>
+                  <ul class="category-list-child">
+                    <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/Gitlab/Automation/">Automation</a><span class="category-list-count">1</span></li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external nofollow noopener noreferrer" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external nofollow noopener noreferrer" target="_blank">HyunSeob</a></small></p>
+  </footer>
+  <script src="/js/sharer.min.js"></script>
+</body>
+</html>
\ No newline at end of file
--- a/archives/2018/index.html
+++ b/archives/2018/index.html
@@ -69,6 +69,18 @@
            <h2>Archives: 2018</h2>
          </header>
          <hr>
+          <article class="post-list__item">
+            <div class="post-list__item__col-1">
+              <a class="post-list__item__link" href="/posts/base16-and-all-that-jazz/">
+                <div class="post-list__item__link__background" style="background-image:url('/images/b4da55.png');"></div>
+              </a>
+            </div>
+            <div class="post-list__item__col-2">
+              <h3 class="post-list__item__title"><a href="/posts/base16-and-all-that-jazz/" title="Base16 and all that Jazz">Base16 and all that Jazz</a></h3>
+              <div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Fundamentals/">Fundamentals</a></div>
+              <p class="post-list__item__description">Photo by Vidar Nordli-Mathisen on Unsplash Oh God. HEX! It’s just so hard to get your head around. A lot of people think that getting into...</p>
+            </div>
+          </article>
          <article class="post-list__item">
            <div class="post-list__item__col-1">
              <a class="post-list__item__link" href="/posts/sonoff-micropython-wonderland/">
@@ -122,16 +134,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -147,6 +160,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/archives/index.html
+++ b/archives/index.html
@@ -69,6 +69,18 @@
            <h2>Archives</h2>
          </header>
          <hr>
+          <article class="post-list__item">
+            <div class="post-list__item__col-1">
+              <a class="post-list__item__link" href="/posts/base16-and-all-that-jazz/">
+                <div class="post-list__item__link__background" style="background-image:url('/images/b4da55.png');"></div>
+              </a>
+            </div>
+            <div class="post-list__item__col-2">
+              <h3 class="post-list__item__title"><a href="/posts/base16-and-all-that-jazz/" title="Base16 and all that Jazz">Base16 and all that Jazz</a></h3>
+              <div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Fundamentals/">Fundamentals</a></div>
+              <p class="post-list__item__description">Photo by Vidar Nordli-Mathisen on Unsplash Oh God. HEX! It’s just so hard to get your head around. A lot of people think that getting into...</p>
+            </div>
+          </article>
          <article class="post-list__item">
            <div class="post-list__item__col-1">
              <a class="post-list__item__link" href="/posts/sonoff-micropython-wonderland/">
@@ -158,16 +170,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -183,6 +196,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/categories/ESP8266-ESP32/Automation/index.html
+++ b/categories/ESP8266-ESP32/Automation/index.html
@@ -95,16 +95,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -120,6 +121,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/categories/ESP8266-ESP32/index.html
+++ b/categories/ESP8266-ESP32/index.html
@@ -95,16 +95,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -120,6 +121,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/categories/Fundamentals/index.html
+++ b/categories/Fundamentals/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta name="generator" content="Hexo 3.8.0">
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Category: Fundamentals | TheBestJohn</title>
+  <link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
+  <link rel="stylesheet" href="/css/index.css">
+  <link rel="stylesheet" href="/css/highlights/dracula.css">
+  <link rel="canonical" href="http://blog.thebestjohn.com/categories/Fundamentals/">
+  <meta name="description" content="Just a place to make stuff">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="TheBestJohn">
+  <meta property="og:url" content="http://blog.thebestjohn.com/categories/Fundamentals/">
+  <meta property="og:site_name" content="TheBestJohn">
+  <meta property="og:description" content="Just a place to make stuff">
+  <meta property="og:locale" content="en">
+  <meta property="og:image" content="http://blog.thebestjohn.com/images/default.jpg">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:title" content="TheBestJohn">
+  <meta name="twitter:description" content="Just a place to make stuff">
+  <meta name="twitter:image" content="http://blog.thebestjohn.com/images/default.jpg">
+  <link rel="icon" href="/images/icon.png">
+  <link rel="alternate" href="/atom.xml" type="application/atom+xml" title="TheBestJohn">
+  <script>
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+      var u = "//anal.thebestjohn.com/";
+      _paq.push(['setTrackerUrl', u + 'piwik.php']);
+      _paq.push(['setSiteId', '1']);
+      var d = document,
+        g = d.createElement('script'),
+        s = d.getElementsByTagName('script')[0];
+      g.type = 'text/javascript';
+      g.async = true;
+      g.defer = true;
+      g.src = u + 'piwik.js';
+      s.parentNode.insertBefore(g, s);
+    })();
+  </script>
+</head>
+<body itemscope="" itemtype="https://schema.org/WebPage">
+  <nav class="menu" id="menu">
+    <div class="menu-inner">
+      <div class="menu__left-area">
+        <div class="menu__item"><a class="menu__item__link menu__item__link--brand" href="/" title="Home" rel="home"><img class="menu__item__link--brand__image" src="/images/icon.png" alt="TheBestJohn"><span class="menu__item__link--brand__label">TheBestJohn</span></a></div>
+      </div>
+      <div class="menu__right-area">
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/">Home</a></div>
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/glossary">Glossary</a></div>
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/about">About</a></div>
+        <div class="menu__item"><a class="menu__item__link" href="http://blog.thebestjohn.com/archives">Archives</a></div>
+        <div class="menu__item menu__item"> <a class="menu__item__link" href="https://www.patreon.com/TheBestJohn" target="_blank" rel="external nofollow noopener noreferrer">Patreon</a></div>
+      </div>
+    </div>
+  </nav>
+  <div class="page-background"></div>
+  <div class="content-container">
+    <div class="content-outer">
+      <div class="content-inner" itemscope="" itemtype="https://schema.org/Blog">
+        <section class="post-list">
+          <header>
+            <h2>Category: Fundamentals</h2>
+          </header>
+          <hr>
+          <article class="post-list__item">
+            <div class="post-list__item__col-1">
+              <a class="post-list__item__link" href="/posts/base16-and-all-that-jazz/">
+                <div class="post-list__item__link__background" style="background-image:url('/images/b4da55.png');"></div>
+              </a>
+            </div>
+            <div class="post-list__item__col-2">
+              <h3 class="post-list__item__title"><a href="/posts/base16-and-all-that-jazz/" title="Base16 and all that Jazz">Base16 and all that Jazz</a></h3>
+              <div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Fundamentals/">Fundamentals</a></div>
+              <p class="post-list__item__description">Photo by Vidar Nordli-Mathisen on Unsplash Oh God. HEX! It’s just so hard to get your head around. A lot of people think that getting into...</p>
+            </div>
+          </article>
+        </section>
+        <div class="pagination"><span class="page-number current">1</span></div>
+      </div>
+    </div>
+  </div>
+  <footer id="footer">
+    <div class="widgets">
+      <div class="widgets-inner">
+        <!-- Jade doesn't support dynamic inclusion with `each`.-->
+        <!-- So, I just hard coded the file names that will be included.-->
+        <div class="widgets__item">
+          <h3 class="widgets__item__heading">Recent posts</h3>
+          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
+            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
+            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
+            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
+            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
+          </ul>
+        </div>
+        <div class="widgets__item">
+          <h3 class="widgets__item__heading">Archives</h3>
+          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li>
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li>
+          </ul>
+        </div>
+        <div class="widgets__item">
+          <h3 class="widgets__item__heading">Categories</h3>
+          <ul class="category-list">
+            <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/">ESP8266/ESP32</a><span class="category-list-count">1</span>
+              <ul class="category-list-child">
+                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
+              </ul>
+            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
+              <ul class="category-list-child">
+                <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/Gitlab/">Gitlab</a><span class="category-list-count">1</span>
+                  <ul class="category-list-child">
+                    <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/Gitlab/Automation/">Automation</a><span class="category-list-count">1</span></li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external nofollow noopener noreferrer" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external nofollow noopener noreferrer" target="_blank">HyunSeob</a></small></p>
+  </footer>
+  <script src="/js/sharer.min.js"></script>
+</body>
+</html>
\ No newline at end of file
--- a/categories/Other-Electronics/index.html
+++ b/categories/Other-Electronics/index.html
@@ -106,16 +106,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -131,6 +132,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/categories/Web-Dev/Gitlab/Automation/index.html
+++ b/categories/Web-Dev/Gitlab/Automation/index.html
@@ -97,16 +97,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -122,6 +123,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/categories/Web-Dev/Gitlab/index.html
+++ b/categories/Web-Dev/Gitlab/index.html
@@ -97,16 +97,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -122,6 +123,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/categories/Web-Dev/index.html
+++ b/categories/Web-Dev/index.html
@@ -121,16 +121,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -146,6 +147,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/glossary/index.html
+++ b/glossary/index.html
@@ -136,16 +136,17 @@ It’s understandable that a lot of the things I talk about on this site may go
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -161,6 +162,7 @@ It’s understandable that a lot of the things I talk about on this site may go
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/images/b4da55.png
+++ b/images/b4da55.png
--- a/inc/rsa.html
+++ b/inc/rsa.html
@@ -179,16 +179,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -204,6 +205,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/index.html
+++ b/index.html
@@ -65,6 +65,18 @@
    <div class="content-outer">
      <div class="content-inner" itemscope="" itemtype="https://schema.org/Blog">
        <section class="post-list">
+          <article class="post-list__item">
+            <div class="post-list__item__col-1">
+              <a class="post-list__item__link" href="/posts/base16-and-all-that-jazz/">
+                <div class="post-list__item__link__background" style="background-image:url('/images/b4da55.png');"></div>
+              </a>
+            </div>
+            <div class="post-list__item__col-2">
+              <h3 class="post-list__item__title"><a href="/posts/base16-and-all-that-jazz/" title="Base16 and all that Jazz">Base16 and all that Jazz</a></h3>
+              <div class="post-list__item__meta"><a class="post-list__item__meta__link" href="/categories/Fundamentals/">Fundamentals</a></div>
+              <p class="post-list__item__description">Photo by Vidar Nordli-Mathisen on Unsplash Oh God. HEX! It’s just so hard to get your head around. A lot of people think that getting into...</p>
+            </div>
+          </article>
          <article class="post-list__item">
            <div class="post-list__item__col-1">
              <a class="post-list__item__link" href="/posts/sonoff-micropython-wonderland/">
@@ -154,16 +166,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -179,6 +192,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/posts/base16-and-all-that-jazz/index.html
+++ b/posts/base16-and-all-that-jazz/index.html
--- a/posts/matrix-keypad/index.html
+++ b/posts/matrix-keypad/index.html
@@ -206,16 +206,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -231,6 +232,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/posts/setting-up-hexo-auto-deploy-from-gitlab/index.html
+++ b/posts/setting-up-hexo-auto-deploy-from-gitlab/index.html
@@ -440,16 +440,16 @@ https://docs.gitlab.com/ee/user/project/pipelines/job_artifacts.html
        </article>
        <section class="related-posts">
          <h3>Related posts</h3>
-          <div class="related-posts__item__wrapper">
-            <a class="related-posts__item" href="/posts/table-based-design/">
-              <div class="related-posts__item__background" style="background-image:url('/images/tableCode.jpg');"></div>
-              <div class="related-posts__item__overlay"></div><span class="related-posts__item__title">Table based design: Why I loathe it, and you should too!</span></a>
-          </div>
          <div class="related-posts__item__wrapper">
            <a class="related-posts__item" href="/posts/static-what-generator/">
              <div class="related-posts__item__background" style="background-image:url('/images/default.jpg');"></div>
              <div class="related-posts__item__overlay"></div><span class="related-posts__item__title">Static what Generator?!</span></a>
          </div>
+          <div class="related-posts__item__wrapper">
+            <a class="related-posts__item" href="/posts/table-based-design/">
+              <div class="related-posts__item__background" style="background-image:url('/images/tableCode.jpg');"></div>
+              <div class="related-posts__item__overlay"></div><span class="related-posts__item__title">Table based design: Why I loathe it, and you should too!</span></a>
+          </div>
        </section>
      </div>
    </div>
@@ -462,16 +462,17 @@ https://docs.gitlab.com/ee/user/project/pipelines/job_artifacts.html
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -487,6 +488,7 @@ https://docs.gitlab.com/ee/user/project/pipelines/job_artifacts.html
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/posts/sonoff-micropython-wonderland/index.html
+++ b/posts/sonoff-micropython-wonderland/index.html
@@ -313,16 +313,17 @@ My...">
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -338,6 +339,7 @@ My...">
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/posts/static-what-generator/index.html
+++ b/posts/static-what-generator/index.html
@@ -195,16 +195,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -220,6 +221,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/posts/table-based-design/index.html
+++ b/posts/table-based-design/index.html
@@ -166,16 +166,17 @@ Web development is one heck of an industry. It changes, transforms,...">
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -191,6 +192,7 @@ Web development is one heck of an industry. It changes, transforms,...">
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/posts/the-plasma-speaker-saga-pt-iii/index.html
+++ b/posts/the-plasma-speaker-saga-pt-iii/index.html
@@ -159,16 +159,17 @@
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Recent posts</h3>
          <ul class="recent-posts">
+            <li class="recent-posts__item"><a href="/posts/base16-and-all-that-jazz/">Base16 and all that Jazz</a></li>
            <li class="recent-posts__item"><a href="/posts/sonoff-micropython-wonderland/">SONOFF MicroPython Wonderland</a></li>
            <li class="recent-posts__item"><a href="/posts/setting-up-hexo-auto-deploy-from-gitlab/">Setting up Hexo Auto-deploy from Gitlab</a></li>
            <li class="recent-posts__item"><a href="/posts/static-what-generator/">Static what Generator?!</a></li>
            <li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li>
-            <li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li>
          </ul>
        </div>
        <div class="widgets__item">
          <h3 class="widgets__item__heading">Archives</h3>
          <ul class="archive-list">
+            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">May 2018</a><span class="archive-list-count">1</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">2</span></li>
            <li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li>
@@ -184,6 +185,7 @@
                <li class="category-list-item"><a class="category-list-link" href="/categories/ESP8266-ESP32/Automation/">Automation</a><span class="category-list-count">1</span></li>
              </ul>
            </li>
+            <li class="category-list-item"><a class="category-list-link" href="/categories/Fundamentals/">Fundamentals</a><span class="category-list-count">1</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Other-Electronics/">Other Electronics</a><span class="category-list-count">2</span></li>
            <li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">3</span>
              <ul class="category-list-child">

--- a/sitemap.xml
+++ b/sitemap.xml
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>http://blog.thebestjohn.com/posts/base16-and-all-that-jazz/</loc>
+    <lastmod>2018-11-05T00:57:27.156Z</lastmod>
+  </url>
  <url>
    <loc>http://blog.thebestjohn.com/inc/rsa.html</loc>
@@ -16,49 +23,49 @@
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/posts/matrix-keypad/</loc>
+    <loc>http://blog.thebestjohn.com/posts/sonoff-micropython-wonderland/</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/posts/sonoff-micropython-wonderland/</loc>
+    <loc>http://blog.thebestjohn.com/posts/static-what-generator/</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/posts/the-plasma-speaker-saga-pt-iii/</loc>
+    <loc>http://blog.thebestjohn.com/posts/table-based-design/</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/posts/table-based-design/</loc>
+    <loc>http://blog.thebestjohn.com/posts/matrix-keypad/</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/posts/static-what-generator/</loc>
+    <loc>http://blog.thebestjohn.com/posts/setting-up-hexo-auto-deploy-from-gitlab/</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/posts/setting-up-hexo-auto-deploy-from-gitlab/</loc>
+    <loc>http://blog.thebestjohn.com/about/index.html</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>
  </url>
  <url>
-    <loc>http://blog.thebestjohn.com/about/index.html</loc>
+    <loc>http://blog.thebestjohn.com/posts/the-plasma-speaker-saga-pt-iii/</loc>
    <lastmod>2018-11-03T23:30:58.784Z</lastmod>