From d160a2efb4c7cc222270c56a8dc2f3608f1151c6 Mon Sep 17 00:00:00 2001
From: foo-dogsquared <foodogsquared@foodogsquared.one>
Date: Thu, 16 Mar 2023 15:58:42 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20foo-dogs?=
 =?UTF-8?q?quared/hugo-theme-more-contentful@3b85e0bc009472ffffc1d3a1fa48a?=
 =?UTF-8?q?57b37131871=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 404.html                                      |  72 +++++-------
 about/index.html                              |  72 +++++-------
 archives/index.html                           |  72 +++++-------
 .../asciidoctor-article-template/index.html   |  76 +++++-------
 .../index.html                                |  76 +++++-------
 articles/asciidoctor-syntax-guide/index.html  |  76 +++++-------
 articles/emoji-support/index.html             |  76 +++++-------
 articles/hidden-post-test/index.html          |  76 +++++-------
 articles/index.html                           | 108 ++++++++----------
 articles/markdown-syntax-guide/index.html     |  76 +++++-------
 .../index.html                                |  76 +++++-------
 .../mathjax-support-for-markdown/index.html   |  76 +++++-------
 .../rss-atom-and-json-feed-support/index.html |  80 ++++++-------
 categories/asciidoctor/index.html             |  80 ++++++-------
 categories/category1/index.html               |  76 +++++-------
 categories/guide/index.html                   | 100 +++++++---------
 categories/index.html                         |  72 +++++-------
 categories/markdown/index.html                |  76 +++++-------
 categories/recipe/index.html                  |  92 +++++++--------
 ...8a5f7ecdb128224136f80dd8509a89f1cf879.css} |   2 +-
 index.html                                    | 108 ++++++++----------
 .../configurable-list-of-contacts/index.html  |  76 +++++-------
 recipes/creating-an-archive-page/index.html   |  76 +++++-------
 recipes/customizing-your-head/index.html      |  76 +++++-------
 recipes/index.html                            |  92 +++++++--------
 recipes/open-graph-protocol/index.html        |  76 +++++-------
 recipes/twitter-cards/index.html              |  76 +++++-------
 tags/asciidoctor/index.html                   |  88 ++++++--------
 tags/emoji/index.html                         |  76 +++++-------
 tags/extending/index.html                     |  76 +++++-------
 tags/guide/index.html                         | 100 +++++++---------
 tags/index.html                               |  72 +++++-------
 tags/markdown/index.html                      |  80 ++++++-------
 tags/mathjax/index.html                       |  80 ++++++-------
 tags/seo/index.html                           |  80 ++++++-------
 tags/social-media/index.html                  |  80 ++++++-------
 tags/tag1/index.html                          |  76 +++++-------
 tags/tag2/index.html                          |  84 ++++++--------
 tags/theme/index.html                         |  76 +++++-------
 tags/this-is-a-test-tag/index.html            |  80 ++++++-------
 tags/twitter/index.html                       |  76 +++++-------
 tl/404.html                                   |  68 +++++------
 tl/about/index.html                           |  68 +++++------
 tl/archives/index.html                        |  68 +++++------
 tl/articles/hidden-post-test/index.html       |  72 +++++-------
 tl/articles/index.html                        |  80 ++++++-------
 .../rss-atom-and-json-feed-support/index.html |  76 +++++-------
 tl/categories/category1/index.html            |  72 +++++-------
 tl/categories/guide/index.html                |  76 +++++-------
 tl/categories/index.html                      |  68 +++++------
 tl/index.html                                 |  80 ++++++-------
 tl/tags/index.html                            |  68 +++++------
 tl/tags/tag1/index.html                       |  72 +++++-------
 tl/tags/tag2/index.html                       |  80 ++++++-------
 tl/tags/this-is-a-test-tag/index.html         |  76 +++++-------
 55 files changed, 1727 insertions(+), 2511 deletions(-)
 rename css/{main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css => main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css} (51%)

diff --git a/404.html b/404.html
index 2e2c59e..ce06cce 100644
--- a/404.html
+++ b/404.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -189,77 +197,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/about/index.html b/about/index.html
index 40f264d..8b559a8 100644
--- a/about/index.html
+++ b/about/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -42,17 +42,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -257,77 +265,55 @@ Oh, the creative side of making content and themes!</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/archives/index.html b/archives/index.html
index bbef1eb..1e364f8 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -38,17 +38,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -226,77 +234,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/asciidoctor-article-template/index.html b/articles/asciidoctor-article-template/index.html
index e00fab9..4482017 100644
--- a/articles/asciidoctor-article-template/index.html
+++ b/articles/asciidoctor-article-template/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -58,17 +58,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -198,13 +206,13 @@
       <header>
         <h1>Asciidoctor Article Template</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created">
         2019-08-25
       </time>
     </span>
@@ -527,77 +535,55 @@ This is an attribute reference <a href="https://asciidoctor.org/docs/asciidoc-sy
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/asciidoctor-extended-syntax-guide/index.html b/articles/asciidoctor-extended-syntax-guide/index.html
index 18b0f75..c296921 100644
--- a/articles/asciidoctor-extended-syntax-guide/index.html
+++ b/articles/asciidoctor-extended-syntax-guide/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -42,17 +42,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -182,13 +190,13 @@
       <header>
         <h1>Asciidoctor Extended Syntax Guide</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created">
         2019-08-29
       </time>
     </span>
@@ -525,77 +533,55 @@ let example_sketch = new p5(sketchuuuuu, &#34;example-sketch&#34;)
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/asciidoctor-syntax-guide/index.html b/articles/asciidoctor-syntax-guide/index.html
index 4da5bf7..a7aa42e 100644
--- a/articles/asciidoctor-syntax-guide/index.html
+++ b/articles/asciidoctor-syntax-guide/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -46,17 +46,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -186,13 +194,13 @@
       <header>
         <h1>Asciidoctor Syntax Guide</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created">
         2019-08-27
       </time>
     </span>
@@ -633,77 +641,55 @@ You can use the built-in Hugo shortcode instead.</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/emoji-support/index.html b/articles/emoji-support/index.html
index 20c6f98..48207a6 100644
--- a/articles/emoji-support/index.html
+++ b/articles/emoji-support/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -38,17 +38,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -178,13 +186,13 @@
       <header>
         <h1>Emoji Support</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -258,77 +266,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/hidden-post-test/index.html b/articles/hidden-post-test/index.html
index a57ab2e..5e3eea6 100644
--- a/articles/hidden-post-test/index.html
+++ b/articles/hidden-post-test/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -46,17 +46,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -186,13 +194,13 @@
       <header>
         <h1>Hidden post test</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -253,77 +261,55 @@ How did you find this?!</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/index.html b/articles/index.html
index 95ead5c..68d7dd8 100644
--- a/articles/index.html
+++ b/articles/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,23 +179,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/" aria-label="RSS, Atom, and JSON Feed Support">RSS, Atom, and JSON Feed Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         John Doe, et al.
       </span>
     </span>
@@ -197,13 +205,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/" aria-label="Asciidoctor Extended Syntax Guide">Asciidoctor Extended Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created">
         2019-08-29
       </time>
     </span>
@@ -213,13 +221,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/emoji-support/" aria-label="Emoji Support">Emoji Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -229,13 +237,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/" aria-label="MathJax Support for Asciidoctor">MathJax Support for Asciidoctor</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -245,13 +253,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/" aria-label="MathJax Support for Markdown">MathJax Support for Markdown</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -261,13 +269,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-syntax-guide/" aria-label="Asciidoctor Syntax Guide">Asciidoctor Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created">
         2019-08-27
       </time>
     </span>
@@ -277,13 +285,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/markdown-syntax-guide/" aria-label="Markdown Syntax Guide">Markdown Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created">
         2019-08-26
       </time>
     </span>
@@ -293,13 +301,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-article-template/" aria-label="Asciidoctor Article Template">Asciidoctor Article Template</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created">
         2019-08-25
       </time>
     </span>
@@ -330,77 +338,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/markdown-syntax-guide/index.html b/articles/markdown-syntax-guide/index.html
index 52e3236..4fee819 100644
--- a/articles/markdown-syntax-guide/index.html
+++ b/articles/markdown-syntax-guide/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -38,17 +38,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -178,13 +186,13 @@
       <header>
         <h1>Markdown Syntax Guide</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created">
         2019-08-26
       </time>
     </span>
@@ -442,77 +450,55 @@ Also you can <em>put</em> <strong>Markdown</strong> into a blockquote.</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/mathjax-support-for-asciidoctor/index.html b/articles/mathjax-support-for-asciidoctor/index.html
index 5c09480..c1f0a27 100644
--- a/articles/mathjax-support-for-asciidoctor/index.html
+++ b/articles/mathjax-support-for-asciidoctor/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -54,17 +54,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -194,13 +202,13 @@
       <header>
         <h1>MathJax Support for Asciidoctor</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -744,77 +752,55 @@ can be used as a general MathJax guide, anyways.</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/mathjax-support-for-markdown/index.html b/articles/mathjax-support-for-markdown/index.html
index 134de86..c72bf16 100644
--- a/articles/mathjax-support-for-markdown/index.html
+++ b/articles/mathjax-support-for-markdown/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -58,17 +58,25 @@ Whitespace LaTeX treats whitespace characters such as tabs and spaces uniformly
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -198,13 +206,13 @@ Whitespace LaTeX treats whitespace characters such as tabs and spaces uniformly
       <header>
         <h1>MathJax Support for Markdown</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -422,77 +430,55 @@ can be used as a general MathJax guide, anyways.</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/articles/rss-atom-and-json-feed-support/index.html b/articles/rss-atom-and-json-feed-support/index.html
index 5143dcb..9cfa969 100644
--- a/articles/rss-atom-and-json-feed-support/index.html
+++ b/articles/rss-atom-and-json-feed-support/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -42,17 +42,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -182,23 +190,23 @@
       <header>
         <h1>RSS, Atom, and JSON Feed Support</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         John Doe, et al.
       </span>
     </span>
@@ -312,77 +320,55 @@ For this demo, we’ll use the <a href="https://github.com/foo-dogsquared/hugo-w
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/categories/asciidoctor/index.html b/categories/asciidoctor/index.html
index dc4d36b..3c22105 100644
--- a/categories/asciidoctor/index.html
+++ b/categories/asciidoctor/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/" aria-label="Asciidoctor Extended Syntax Guide">Asciidoctor Extended Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created">
         2019-08-29
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/" aria-label="MathJax Support for Asciidoctor">MathJax Support for Asciidoctor</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -224,77 +232,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/categories/category1/index.html b/categories/category1/index.html
index 2f16845..4b9f50f 100644
--- a/categories/category1/index.html
+++ b/categories/category1/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/hidden-post-test/" aria-label="Hidden post test">Hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/categories/guide/index.html b/categories/guide/index.html
index f52052c..d21d4cf 100644
--- a/categories/guide/index.html
+++ b/categories/guide/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/" aria-label="Recipes">Recipes</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T17:25:55&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T17:25:55&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -187,23 +195,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/" aria-label="RSS, Atom, and JSON Feed Support">RSS, Atom, and JSON Feed Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         John Doe, et al.
       </span>
     </span>
@@ -213,13 +221,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/emoji-support/" aria-label="Emoji Support">Emoji Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -229,13 +237,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-syntax-guide/" aria-label="Asciidoctor Syntax Guide">Asciidoctor Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created">
         2019-08-27
       </time>
     </span>
@@ -245,13 +253,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/markdown-syntax-guide/" aria-label="Markdown Syntax Guide">Markdown Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created">
         2019-08-26
       </time>
     </span>
@@ -261,13 +269,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-article-template/" aria-label="Asciidoctor Article Template">Asciidoctor Article Template</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created">
         2019-08-25
       </time>
     </span>
@@ -298,77 +306,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/categories/index.html b/categories/index.html
index 574ec39..ce57d2d 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -291,77 +299,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/categories/markdown/index.html b/categories/markdown/index.html
index 71dcc4c..ecc5e67 100644
--- a/categories/markdown/index.html
+++ b/categories/markdown/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/" aria-label="MathJax Support for Markdown">MathJax Support for Markdown</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/categories/recipe/index.html b/categories/recipe/index.html
index 7af804a..531d182 100644
--- a/categories/recipe/index.html
+++ b/categories/recipe/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/" aria-label="Configurable list of contacts">Configurable list of contacts</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:38:24&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:38:24&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/" aria-label="Creating an archive page">Creating an archive page</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:36:55&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:36:55&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -203,13 +211,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/open-graph-protocol/" aria-label="Open graph protocol">Open graph protocol</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -219,13 +227,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/twitter-cards/" aria-label="Twitter cards">Twitter cards</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -235,13 +243,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/customizing-your-head/" aria-label="Customizing your head">Customizing your head</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -272,77 +280,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css b/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css
similarity index 51%
rename from css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css
rename to css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css
index d133d65..2e56ad1 100644
--- a/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css
+++ b/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css
@@ -1 +1 @@
-@media(prefers-color-scheme:dark){:root,::backdrop{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Dark"]:root,[data-theme="Default Dark"]::backdrop{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}@media(prefers-color-scheme:light){:root,::backdrop{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Light"]:root,[data-theme="Default Light"]::backdrop{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}[data-theme=Dracula]:root,[data-theme=Dracula]::backdrop{--base00:#282936;--base01:#3a3c4e;--base02:#4d4f68;--base03:#626483;--base04:#62d6e8;--base05:#e9e9f4;--base06:#f1f2f8;--base07:#f7f7fb;--base08:#ea51b2;--base09:#b45bcf;--base0A:#00f769;--base0B:#ebff87;--base0C:#a1efe4;--base0D:#62d6e8;--base0E:#b45bcf;--base0F:#00f769}[data-theme="Gruvbox dark, hard"]:root,[data-theme="Gruvbox dark, hard"]::backdrop{--base00:#1d2021;--base01:#3c3836;--base02:#504945;--base03:#665c54;--base04:#bdae93;--base05:#d5c4a1;--base06:#ebdbb2;--base07:#fbf1c7;--base08:#fb4934;--base09:#fe8019;--base0A:#fabd2f;--base0B:#b8bb26;--base0C:#8ec07c;--base0D:#83a598;--base0E:#d3869b;--base0F:#d65d0e}[data-theme="Gruvbox light, hard"]:root,[data-theme="Gruvbox light, hard"]::backdrop{--base00:#f9f5d7;--base01:#ebdbb2;--base02:#d5c4a1;--base03:#bdae93;--base04:#665c54;--base05:#504945;--base06:#3c3836;--base07:#282828;--base08:#9d0006;--base09:#af3a03;--base0A:#b57614;--base0B:#79740e;--base0C:#427b58;--base0D:#076678;--base0E:#8f3f71;--base0F:#d65d0e}[data-theme=Nord]:root,[data-theme=Nord]::backdrop{--base00:#2E3440;--base01:#3B4252;--base02:#434C5E;--base03:#4C566A;--base04:#D8DEE9;--base05:#E5E9F0;--base06:#ECEFF4;--base07:#8FBCBB;--base08:#88C0D0;--base09:#81A1C1;--base0A:#5E81AC;--base0B:#BF616A;--base0C:#D08770;--base0D:#EBCB8B;--base0E:#A3BE8C;--base0F:#B48EAD}[data-theme="Solarized Dark"]:root,[data-theme="Solarized Dark"]::backdrop{--base00:#002b36;--base01:#073642;--base02:#586e75;--base03:#657b83;--base04:#839496;--base05:#93a1a1;--base06:#eee8d5;--base07:#fdf6e3;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}[data-theme="Solarized Light"]:root,[data-theme="Solarized Light"]::backdrop{--base00:#fdf6e3;--base01:#eee8d5;--base02:#93a1a1;--base03:#839496;--base04:#657b83;--base05:#586e75;--base06:#073642;--base07:#002b36;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}:root{--body-family:serif;--header-family:sans-serif;--mono-family:monospace;--font-size:20px;--mono-font-size:0.9em;--vertical-rhythm:calc(1.25 * var(--font-size));--content-width:max(750px, 75ch);--code-block-size:50vh;--border-style:var(--base05) solid 1px;--background:var(--base00);--foreground:var(--base05);--accent-color:var(--base09);--selection-color:var(--base02)}:root{font-family:var(--body-family);font-size:clamp(var(--font-size),1.4vw,calc(var(--font-size) * 3));background:var(--background);color:var(--foreground);line-height:var(--vertical-rhythm);margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}*:target{animation:target-fade 3s 1}@keyframes target-fade{0%{background:var(--accent-color)}100%{background:unset}}body{margin:0 auto;max-width:var(--content-width);padding:1rem}nav{margin:1rem auto}h1{margin:1rem auto}article h1{margin:1rem auto}article h2{margin-top:3rem}article h3{margin-top:2rem}article h1,article h2,article h3{margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--header-family);line-height:1.25}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--base0C);text-decoration:underline}dd,li,p,td{line-height:1.45}p{margin-top:1rem}dd{margin-top:.5rem;margin-bottom:1.5rem}kbd{border:var(--border-style);font-size:.8em;font-weight:700;padding:0 .25em}code,pre{font-family:var(--mono-family)}code{background:var(--base01);font-size:.9em}pre{color:var(--base05);border:var(--border-style);font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:1rem;max-height:var(--code-block-size);padding:.5rem;overflow:auto}pre code{background:unset}mark{background:var(--foreground);color:var(--background)}hr{border-color:var(--accent-color);margin:1em 0}img,video,audio,iframe{display:block;height:auto;max-width:100%;margin:auto}table{border-collapse:collapse;border-spacing:.5em;margin:auto;overflow:auto;width:100%;border:var(--border-style);margin:var(--vertical-rhythm)auto}table caption{margin:unset}table thead tr{background:var(--base05);color:var(--base00)}table tbody tr+tr,table tbody tr:first-child{border-top:var(--border-style)}table tbody tr:hover{background:var(--selection-color)}table th,table td{padding:.5em}table tr td>p{margin:0}thead{font-weight:700}thead tr th{text-align:left}tbody tr td{text-align:left}ol,ul{line-height:1.5}figure{margin:2rem auto}figure>*{margin:1rem auto}figcaption{text-align:center;font-size:1rem}blockquote{margin:2rem 1rem}blockquote footer{display:block;width:100%}button{background:unset;border:var(--base05)solid 1px;color:var(--base05);cursor:pointer;font-size:1rem;padding:.5rem}aside{--vertical-rhythm-reduction:0.2;color:var(--base03);border:1px solid var(--base03);border-left:3px solid var(--base03);font-size:calc(1rem * (1 - var(--vertical-rhythm-reduction)));font-family:var(--header-family);line-height:calc(1rem * (1 + var(--vertical-rhythm-reduction)));margin:1rem 0;padding:.5rem;width:100%}header a[href]::after,footer a[href]::after{content:unset}footer{align-items:center;display:flex;flex-flow:column wrap;justify-content:space-evenly;text-align:center}@media print{html{overflow:auto}p{orphans:3}pre{max-height:unset}}header[aria-label="Site header"]{position:relative}header[aria-label="Site header"] a{color:var(--base06)}header[aria-label="Site header"] a:hover{color:var(--accent-color);text-decoration:unset}footer[aria-label="Site footer"]>*{margin-top:1em;margin-bottom:0}.icon{height:1rem;width:1rem;fill:currentColor}.list{display:inline-flex;flex-flow:row wrap;list-style:none;margin:0;padding:0}.list>*:not(:last-child){border-right:1px solid var(--base02);margin-right:.5em;padding-right:.5em}.site__title{--size:2rem;display:inline-block;font-size:var(--size);margin-bottom:unset;margin-right:.5rem}.site__links>*:hover{color:var(--accent-color);text-decoration:none}.site__languages{margin:0 .5em}.site__socials{font-style:unset}.site__socials>*:hover{color:var(--accent-color);text-decoration:none}.site__social-icon svg{--size:1.25em;height:var(--size);width:var(--size)}.site__theme-btn{padding:.5em;position:absolute;top:0;right:0}.site__theme-btn:hover{color:unset!important}.site__theme-btn:hover .site__theme-dropdown{display:unset}.site__theme-dropdown{background:var(--background);border:var(--border-style);display:none;padding:.5em;position:absolute;right:0;top:1.5em;width:max-content}.site__theme-dropdown-list{display:flex;flex-flow:column}.site__theme-item{padding:0 .5em}.site__theme-item[data-theme-light]{order:-1}.site__theme-item[data-theme-dark]{order:-1}.site__theme-item[data-theme-system]{order:-2}.site__theme-dropdown .site__theme-item:hover{background:var(--selection-color);cursor:pointer}.site__theme-item--selected{background:var(--base05);color:var(--background)}.site__theme-item--selected:hover{color:var(--base05)}.pagination{display:flex;font-size:1rem;list-style:none;justify-content:center;margin:1.2rem 0;padding:.8rem}.pagination>*{margin:0 .25em;text-decoration:none}.page-link,.page-link--active{background:var(--base01);color:var(--accent-color);text-decoration:none;padding:.5em}.page-link:hover,.page-link--active:hover{background:var(--base0B);color:var(--background);text-decoration:none}.page-link--active{background:var(--foreground);color:var(--background);font-weight:bolder;padding:.5em}.post{background:var(--base01);margin-top:1rem;padding:.5em}.post h1{margin:0 auto}.post--single .post__meta{margin:0}.post__meta{color:var(--foreground);font-size:.9em;margin-top:.5em}.post__meta>*{display:inline-flex;align-items:center}.post--single .post__meta{background:var(--base01);color:var(--foreground);font-size:.9em;padding:0 .5em}.post__meta--single{background:var(--base01);color:var(--foreground);font-size:.9em;margin:.5em auto;padding:.5em 1em}.post__meta--single>*{margin:.5em auto}.posts--list{list-style:none;padding-left:1em;margin:1em auto}.post--list{display:flex}.post--list>*{margin-right:.5em}.post--list__date{white-space:nowrap}.taxonomy__header{display:flex;align-items:center;justify-content:start}.taxonomy__header>*{margin:0;margin-right:.25em}#TableOfContents{background:var(--base01);font-size:.9em;padding:1em}#TableOfContents>ul{margin-bottom:unset}#TableOfContents ul{list-style:disc;padding-left:1em}
\ No newline at end of file
+@media(prefers-color-scheme:dark){:root,::backdrop{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Dark"]:root,[data-theme="Default Dark"]::backdrop{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}@media(prefers-color-scheme:light){:root,::backdrop{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Light"]:root,[data-theme="Default Light"]::backdrop{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}[data-theme=Dracula]:root,[data-theme=Dracula]::backdrop{--base00:#282936;--base01:#3a3c4e;--base02:#4d4f68;--base03:#626483;--base04:#62d6e8;--base05:#e9e9f4;--base06:#f1f2f8;--base07:#f7f7fb;--base08:#ea51b2;--base09:#b45bcf;--base0A:#00f769;--base0B:#ebff87;--base0C:#a1efe4;--base0D:#62d6e8;--base0E:#b45bcf;--base0F:#00f769}[data-theme="Gruvbox dark, hard"]:root,[data-theme="Gruvbox dark, hard"]::backdrop{--base00:#1d2021;--base01:#3c3836;--base02:#504945;--base03:#665c54;--base04:#bdae93;--base05:#d5c4a1;--base06:#ebdbb2;--base07:#fbf1c7;--base08:#fb4934;--base09:#fe8019;--base0A:#fabd2f;--base0B:#b8bb26;--base0C:#8ec07c;--base0D:#83a598;--base0E:#d3869b;--base0F:#d65d0e}[data-theme="Gruvbox light, hard"]:root,[data-theme="Gruvbox light, hard"]::backdrop{--base00:#f9f5d7;--base01:#ebdbb2;--base02:#d5c4a1;--base03:#bdae93;--base04:#665c54;--base05:#504945;--base06:#3c3836;--base07:#282828;--base08:#9d0006;--base09:#af3a03;--base0A:#b57614;--base0B:#79740e;--base0C:#427b58;--base0D:#076678;--base0E:#8f3f71;--base0F:#d65d0e}[data-theme=Nord]:root,[data-theme=Nord]::backdrop{--base00:#2E3440;--base01:#3B4252;--base02:#434C5E;--base03:#4C566A;--base04:#D8DEE9;--base05:#E5E9F0;--base06:#ECEFF4;--base07:#8FBCBB;--base08:#88C0D0;--base09:#81A1C1;--base0A:#5E81AC;--base0B:#BF616A;--base0C:#D08770;--base0D:#EBCB8B;--base0E:#A3BE8C;--base0F:#B48EAD}[data-theme="Solarized Dark"]:root,[data-theme="Solarized Dark"]::backdrop{--base00:#002b36;--base01:#073642;--base02:#586e75;--base03:#657b83;--base04:#839496;--base05:#93a1a1;--base06:#eee8d5;--base07:#fdf6e3;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}[data-theme="Solarized Light"]:root,[data-theme="Solarized Light"]::backdrop{--base00:#fdf6e3;--base01:#eee8d5;--base02:#93a1a1;--base03:#839496;--base04:#657b83;--base05:#586e75;--base06:#073642;--base07:#002b36;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}:root{--body-family:serif;--header-family:sans-serif;--mono-family:monospace;--font-size:20px;--mono-font-size:0.9em;--vertical-rhythm:calc(1.25 * var(--font-size));--content-width:max(750px, 75ch);--code-block-size:50vh;--border-style:var(--base05) solid 1px;--background:var(--base00);--foreground:var(--base05);--accent-color:var(--base09);--selection-color:var(--base02)}:root{font-family:var(--body-family);font-size:clamp(var(--font-size),1.4vw,calc(var(--font-size) * 3));background:var(--background);color:var(--foreground);line-height:var(--vertical-rhythm);margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}*:target{animation:target-fade 3s 1}@keyframes target-fade{0%{background:var(--accent-color)}100%{background:unset}}body{margin:0 auto;max-width:var(--content-width);padding:1rem}nav{margin:1rem auto}h1{margin:1rem auto}article h1{margin:1rem auto}article h2{margin-top:3rem}article h3{margin-top:2rem}article h1,article h2,article h3{margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--header-family);line-height:1.25}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--base0C);text-decoration:underline}dd,li,p,td{line-height:1.45}p{margin-top:1rem}dd{margin-top:.5rem;margin-bottom:1.5rem}kbd{border:var(--border-style);font-size:.8em;font-weight:700;padding:0 .25em}code,pre{font-family:var(--mono-family)}code{background:var(--base01);font-size:.9em}pre{color:var(--base05);border:var(--border-style);font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:1rem;max-height:var(--code-block-size);padding:.5rem;overflow:auto;direction:ltr}pre code{background:unset}mark{background:var(--foreground);color:var(--background)}hr{border-color:var(--accent-color);margin:1em 0}img,video,audio,iframe{display:block;height:auto;max-width:100%;margin:auto}table{border-collapse:collapse;border-spacing:.5em;margin:auto;overflow:auto;width:100%;border:var(--border-style);margin:var(--vertical-rhythm)auto}table caption{margin:unset}table thead tr{background:var(--base05);color:var(--base00)}table tbody tr+tr,table tbody tr:first-child{border-top:var(--border-style)}table tbody tr:hover{background:var(--selection-color)}table th,table td{padding:.5em}table tr td>p{margin:0}thead{font-weight:700}thead tr th{text-align:left}tbody tr td{text-align:left}ol,ul{line-height:1.5}figure{margin:2rem auto}figure>*{margin:1rem auto}figcaption{text-align:center;font-size:1rem}blockquote{margin:2rem 1rem}blockquote footer{display:block;width:100%}button{background:unset;border:var(--base05)solid 1px;color:var(--base05);cursor:pointer;font-size:1rem;padding:.5rem}aside{--vertical-rhythm-reduction:0.2;color:var(--base03);border:1px solid var(--base03);border-left:3px solid var(--base03);font-size:calc(1rem * (1 - var(--vertical-rhythm-reduction)));font-family:var(--header-family);line-height:calc(1rem * (1 + var(--vertical-rhythm-reduction)));margin:1rem 0;padding:.5rem;width:100%}header a[href]::after,footer a[href]::after{content:unset}footer{align-items:center;display:flex;flex-flow:column wrap;justify-content:space-evenly;text-align:center}@media print{html{overflow:auto}p{orphans:3}pre{max-height:unset}}header[aria-label="Site header"]{position:relative}header[aria-label="Site header"] a{color:var(--base06)}header[aria-label="Site header"] a:hover{color:var(--accent-color);text-decoration:unset}footer[aria-label="Site footer"]>*{margin-top:1em;margin-bottom:0}.icon{height:1rem;width:1rem;fill:currentColor}.list{display:inline-flex;align-items:baseline;flex-flow:row wrap;gap:.75em;justify-content:space-around;list-style:none;margin:0;padding:0}.site__title{font-size:2rem}.site__nav-header{display:flex;align-items:baseline;flex-flow:row wrap;gap:.5em}.site__languages{margin:0 .5em}.site__socials{display:flex;font-style:unset;gap:1em}.site__social-icon svg{--size:1.25em;height:var(--size);width:var(--size)}.site__theme-btn{padding:.5em;position:absolute;top:0;right:0}[dir=rtl] .site__theme-btn{right:unset;left:0}.site__theme-btn:hover{color:unset!important}.site__theme-btn:hover .site__theme-dropdown{display:unset}.site__theme-dropdown{background:var(--background);border:var(--border-style);display:none;padding:.5em;position:absolute;right:0;top:1.5em;width:max-content}[dir=rtl] .site__theme-dropdown{right:unset;left:0}.site__theme-dropdown-list{display:flex;flex-flow:column}.site__theme-item{padding:0 .5em}.site__theme-item[data-theme-light]{order:-1}.site__theme-item[data-theme-dark]{order:-1}.site__theme-item[data-theme-system]{order:-2}.site__theme-dropdown .site__theme-item:hover{background:var(--selection-color);cursor:pointer}.site__theme-item--selected{background:var(--base05);color:var(--background)}.site__theme-item--selected:hover{color:var(--base05)}.pagination{display:flex;font-size:1rem;list-style:none;justify-content:center;margin:1.2rem 0;padding:.8rem}.pagination>*{margin:0 .25em;text-decoration:none}.page-link,.page-link--active{background:var(--base01);color:var(--accent-color);text-decoration:none;padding:.5em}.page-link:hover,.page-link--active:hover{background:var(--base0B);color:var(--background);text-decoration:none}.page-link--active{background:var(--foreground);color:var(--background);font-weight:bolder;padding:.5em}.post{background:var(--base01);margin-top:1rem;padding:.5em}.post h1{margin:0 auto}.post--single .post__meta{margin:0}.post__meta{color:var(--foreground);font-size:.9em;margin-top:.5em}.post__meta-icon-label{gap:.25em;display:inline-flex;align-items:normal}.post--single .post__meta{background:var(--base01);color:var(--foreground);font-size:.9em;padding:0 .5em}.post__meta--single{background:var(--base01);color:var(--foreground);font-size:.9em;margin:.5em auto;padding:.5em 1em}.post__meta--single>*{margin:.5em auto}.posts--list{list-style:none;padding-left:1em;margin:1em auto}.post--list{display:flex}.post--list>*{margin-right:.5em}.post--list__date{white-space:nowrap}.taxonomy__header{display:flex;align-items:center;justify-content:start}.taxonomy__header>*{margin:0;margin-right:.25em}#TableOfContents{background:var(--base01);font-size:.9em;padding:1em}#TableOfContents>ul{margin-bottom:unset}#TableOfContents ul{list-style:disc;padding-left:1em}
\ No newline at end of file
diff --git a/index.html b/index.html
index 9242def..59348bc 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,23 +179,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/" aria-label="RSS, Atom, and JSON Feed Support">RSS, Atom, and JSON Feed Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         John Doe, et al.
       </span>
     </span>
@@ -197,13 +205,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/" aria-label="Asciidoctor Extended Syntax Guide">Asciidoctor Extended Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created">
         2019-08-29
       </time>
     </span>
@@ -213,13 +221,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/emoji-support/" aria-label="Emoji Support">Emoji Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -229,13 +237,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/" aria-label="MathJax Support for Asciidoctor">MathJax Support for Asciidoctor</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -245,13 +253,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/" aria-label="MathJax Support for Markdown">MathJax Support for Markdown</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -261,13 +269,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-syntax-guide/" aria-label="Asciidoctor Syntax Guide">Asciidoctor Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created">
         2019-08-27
       </time>
     </span>
@@ -277,13 +285,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/markdown-syntax-guide/" aria-label="Markdown Syntax Guide">Markdown Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created">
         2019-08-26
       </time>
     </span>
@@ -293,13 +301,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-article-template/" aria-label="Asciidoctor Article Template">Asciidoctor Article Template</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created">
         2019-08-25
       </time>
     </span>
@@ -330,77 +338,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/recipes/configurable-list-of-contacts/index.html b/recipes/configurable-list-of-contacts/index.html
index c3f6249..49488b0 100644
--- a/recipes/configurable-list-of-contacts/index.html
+++ b/recipes/configurable-list-of-contacts/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -50,17 +50,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -190,13 +198,13 @@
       <header>
         <h1>Configurable list of contacts</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:38:24&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:38:24&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -317,77 +325,55 @@ The <code>name</code> would now be the image alternative text.</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/recipes/creating-an-archive-page/index.html b/recipes/creating-an-archive-page/index.html
index 695481e..d8bbe7e 100644
--- a/recipes/creating-an-archive-page/index.html
+++ b/recipes/creating-an-archive-page/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -42,17 +42,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -182,13 +190,13 @@
       <header>
         <h1>Creating an archive page</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:36:55&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:36:55&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -294,77 +302,55 @@ This is the archives of the century.</code></pre>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/recipes/customizing-your-head/index.html b/recipes/customizing-your-head/index.html
index db25097..1272f53 100644
--- a/recipes/customizing-your-head/index.html
+++ b/recipes/customizing-your-head/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -46,17 +46,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -186,13 +194,13 @@
       <header>
         <h1>Customizing your head</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -295,77 +303,55 @@ Though, you have to set it as the default Markdown parser.</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/recipes/index.html b/recipes/index.html
index fe0ab97..43ce42c 100644
--- a/recipes/index.html
+++ b/recipes/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -34,17 +34,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -177,13 +185,13 @@ Though this only applies specifically to Contentful and may need some tweaking w
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/" aria-label="Configurable list of contacts">Configurable list of contacts</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:38:24&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:38:24&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -193,13 +201,13 @@ Though this only applies specifically to Contentful and may need some tweaking w
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/" aria-label="Creating an archive page">Creating an archive page</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:36:55&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:36:55&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -209,13 +217,13 @@ Though this only applies specifically to Contentful and may need some tweaking w
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/open-graph-protocol/" aria-label="Open graph protocol">Open graph protocol</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -225,13 +233,13 @@ Though this only applies specifically to Contentful and may need some tweaking w
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/twitter-cards/" aria-label="Twitter cards">Twitter cards</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -241,13 +249,13 @@ Though this only applies specifically to Contentful and may need some tweaking w
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/customizing-your-head/" aria-label="Customizing your head">Customizing your head</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -278,77 +286,55 @@ Though this only applies specifically to Contentful and may need some tweaking w
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/recipes/open-graph-protocol/index.html b/recipes/open-graph-protocol/index.html
index b7c1a7e..8ce6ad8 100644
--- a/recipes/open-graph-protocol/index.html
+++ b/recipes/open-graph-protocol/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -42,17 +42,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -182,13 +190,13 @@
       <header>
         <h1>Open graph protocol</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -252,77 +260,55 @@ Simply add  <code>{{- template &#34;_internal/opengraph.html&#34; . -}}</code> s
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/recipes/twitter-cards/index.html b/recipes/twitter-cards/index.html
index 501690b..f7b1c66 100644
--- a/recipes/twitter-cards/index.html
+++ b/recipes/twitter-cards/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -46,17 +46,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -186,13 +194,13 @@
       <header>
         <h1>Twitter cards</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -256,77 +264,55 @@ Simply add  <code>{{- template &#34;_internal/twitter_cards.html&#34; . -}}</cod
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/asciidoctor/index.html b/tags/asciidoctor/index.html
index 0f9c019..e774d00 100644
--- a/tags/asciidoctor/index.html
+++ b/tags/asciidoctor/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/" aria-label="Asciidoctor Extended Syntax Guide">Asciidoctor Extended Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created">
         2019-08-29
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/" aria-label="MathJax Support for Asciidoctor">MathJax Support for Asciidoctor</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -203,13 +211,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-syntax-guide/" aria-label="Asciidoctor Syntax Guide">Asciidoctor Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created">
         2019-08-27
       </time>
     </span>
@@ -219,13 +227,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-article-template/" aria-label="Asciidoctor Article Template">Asciidoctor Article Template</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created">
         2019-08-25
       </time>
     </span>
@@ -256,77 +264,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/emoji/index.html b/tags/emoji/index.html
index 400d2aa..3a1fca1 100644
--- a/tags/emoji/index.html
+++ b/tags/emoji/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/emoji-support/" aria-label="Emoji Support">Emoji Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/extending/index.html b/tags/extending/index.html
index 9bb6592..c62483d 100644
--- a/tags/extending/index.html
+++ b/tags/extending/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/" aria-label="Recipes">Recipes</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T17:25:55&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T17:25:55&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/guide/index.html b/tags/guide/index.html
index d6d9b17..428fec1 100644
--- a/tags/guide/index.html
+++ b/tags/guide/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/" aria-label="Asciidoctor Extended Syntax Guide">Asciidoctor Extended Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-29T22:09:16&#43;08:00" title="Created">
         2019-08-29
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/emoji-support/" aria-label="Emoji Support">Emoji Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T12:11:22&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -203,13 +211,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/" aria-label="MathJax Support for Asciidoctor">MathJax Support for Asciidoctor</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -219,13 +227,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/" aria-label="MathJax Support for Markdown">MathJax Support for Markdown</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -235,13 +243,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-syntax-guide/" aria-label="Asciidoctor Syntax Guide">Asciidoctor Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-27T01:03:09&#43;08:00" title="Created">
         2019-08-27
       </time>
     </span>
@@ -251,13 +259,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/markdown-syntax-guide/" aria-label="Markdown Syntax Guide">Markdown Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created">
         2019-08-26
       </time>
     </span>
@@ -267,13 +275,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-article-template/" aria-label="Asciidoctor Article Template">Asciidoctor Article Template</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-25T21:06:56&#43;08:00" title="Created">
         2019-08-25
       </time>
     </span>
@@ -304,77 +312,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/index.html b/tags/index.html
index 0764f30..7b8dba6 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -403,77 +411,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/markdown/index.html b/tags/markdown/index.html
index 71aee1c..0336630 100644
--- a/tags/markdown/index.html
+++ b/tags/markdown/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/" aria-label="MathJax Support for Markdown">MathJax Support for Markdown</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/markdown-syntax-guide/" aria-label="Markdown Syntax Guide">Markdown Syntax Guide</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-26T00:08:27&#43;08:00" title="Created">
         2019-08-26
       </time>
     </span>
@@ -224,77 +232,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/mathjax/index.html b/tags/mathjax/index.html
index e3d4066..d23eaac 100644
--- a/tags/mathjax/index.html
+++ b/tags/mathjax/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/" aria-label="MathJax Support for Asciidoctor">MathJax Support for Asciidoctor</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T01:47:02&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/" aria-label="MathJax Support for Markdown">MathJax Support for Markdown</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-08-28T00:09:56&#43;08:00" title="Created">
         2019-08-28
       </time>
     </span>
@@ -224,77 +232,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/seo/index.html b/tags/seo/index.html
index b437582..4ac629c 100644
--- a/tags/seo/index.html
+++ b/tags/seo/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/open-graph-protocol/" aria-label="Open graph protocol">Open graph protocol</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/customizing-your-head/" aria-label="Customizing your head">Customizing your head</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:29:42&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -224,77 +232,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/social-media/index.html b/tags/social-media/index.html
index 34e9e4b..86384e9 100644
--- a/tags/social-media/index.html
+++ b/tags/social-media/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/open-graph-protocol/" aria-label="Open graph protocol">Open graph protocol</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:35:39&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -187,13 +195,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/twitter-cards/" aria-label="Twitter cards">Twitter cards</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -224,77 +232,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/tag1/index.html b/tags/tag1/index.html
index 8ec9d32..992eba6 100644
--- a/tags/tag1/index.html
+++ b/tags/tag1/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/hidden-post-test/" aria-label="Hidden post test">Hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/tag2/index.html b/tags/tag2/index.html
index a4aa657..0c82aa1 100644
--- a/tags/tag2/index.html
+++ b/tags/tag2/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/hidden-post-test/" aria-label="Hidden post test">Hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:29:52&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -187,23 +195,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/" aria-label="RSS, Atom, and JSON Feed Support">RSS, Atom, and JSON Feed Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         John Doe, et al.
       </span>
     </span>
@@ -234,77 +242,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/theme/index.html b/tags/theme/index.html
index 71d6f09..586c188 100644
--- a/tags/theme/index.html
+++ b/tags/theme/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/" aria-label="Recipes">Recipes</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T17:25:55&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T17:25:55&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/this-is-a-test-tag/index.html b/tags/this-is-a-test-tag/index.html
index a8005e7..6410541 100644
--- a/tags/this-is-a-test-tag/index.html
+++ b/tags/this-is-a-test-tag/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,23 +179,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/" aria-label="RSS, Atom, and JSON Feed Support">RSS, Atom, and JSON Feed Support</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;John Doe&#34;,&#34;Jane Doe&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         John Doe, et al.
       </span>
     </span>
@@ -218,77 +226,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tags/twitter/index.html b/tags/twitter/index.html
index e0ccbd9..7220e2a 100644
--- a/tags/twitter/index.html
+++ b/tags/twitter/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,17 +33,25 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/">Recipes</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -171,13 +179,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/twitter-cards/" aria-label="Twitter cards">Twitter cards</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-10-20T20:31:32&#43;08:00" title="Created">
         2020-10-20
       </time>
     </span>
@@ -208,77 +216,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/404.html b/tl/404.html
index 5a29832..f8bf020 100644
--- a/tl/404.html
+++ b/tl/404.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -188,77 +194,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/about/index.html b/tl/about/index.html
index a46f4cf..e87f5c0 100644
--- a/tl/about/index.html
+++ b/tl/about/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -46,16 +46,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -260,77 +266,55 @@ O, ang malikhaing bahagi ng paggawa ng mga tema at mga kuntento!</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/archives/index.html b/tl/archives/index.html
index f28e2e2..2ec5202 100644
--- a/tl/archives/index.html
+++ b/tl/archives/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -38,16 +38,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -225,77 +231,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/articles/hidden-post-test/index.html b/tl/articles/hidden-post-test/index.html
index d93f696..f75264e 100644
--- a/tl/articles/hidden-post-test/index.html
+++ b/tl/articles/hidden-post-test/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -46,16 +46,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -185,13 +191,13 @@
       <header>
         <h1>Isang hidden post test</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -252,77 +258,55 @@ At papano mo nahanap to?!</p>
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/articles/index.html b/tl/articles/index.html
index 430c7af..7ddd5d0 100644
--- a/tl/articles/index.html
+++ b/tl/articles/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,13 +176,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/" aria-label="Isang hidden post test">Isang hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -186,23 +192,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/" aria-label="Supporta para sa RSS, Atom, at JSON feeds">Supporta para sa RSS, Atom, at JSON feeds</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         Juan dela Cruz, et al.
       </span>
     </span>
@@ -233,77 +239,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/articles/rss-atom-and-json-feed-support/index.html b/tl/articles/rss-atom-and-json-feed-support/index.html
index bd6bc8e..a36e700 100644
--- a/tl/articles/rss-atom-and-json-feed-support/index.html
+++ b/tl/articles/rss-atom-and-json-feed-support/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -50,16 +50,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -189,23 +195,23 @@
       <header>
         <h1>Supporta para sa RSS, Atom, at JSON feeds</h1>
         
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         Juan dela Cruz, et al.
       </span>
     </span>
@@ -345,77 +351,55 @@ Ang mga output ng mga templates ay napatunayan laban sa mga validator na may was
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/categories/category1/index.html b/tl/categories/category1/index.html
index b9eded9..72b7931 100644
--- a/tl/categories/category1/index.html
+++ b/tl/categories/category1/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,13 +176,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/" aria-label="Isang hidden post test">Isang hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -207,77 +213,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/categories/guide/index.html b/tl/categories/guide/index.html
index 398dd28..d18028d 100644
--- a/tl/categories/guide/index.html
+++ b/tl/categories/guide/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,23 +176,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/" aria-label="Supporta para sa RSS, Atom, at JSON feeds">Supporta para sa RSS, Atom, at JSON feeds</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         Juan dela Cruz, et al.
       </span>
     </span>
@@ -217,77 +223,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/categories/index.html b/tl/categories/index.html
index a3f3578..3f3993b 100644
--- a/tl/categories/index.html
+++ b/tl/categories/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -214,77 +220,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/index.html b/tl/index.html
index 7df52d0..38b2e1c 100644
--- a/tl/index.html
+++ b/tl/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,13 +176,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/" aria-label="Isang hidden post test">Isang hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -186,23 +192,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/" aria-label="Supporta para sa RSS, Atom, at JSON feeds">Supporta para sa RSS, Atom, at JSON feeds</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         Juan dela Cruz, et al.
       </span>
     </span>
@@ -233,77 +239,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/tags/index.html b/tl/tags/index.html
index 38a90f1..63704e0 100644
--- a/tl/tags/index.html
+++ b/tl/tags/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -230,77 +236,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/tags/tag1/index.html b/tl/tags/tag1/index.html
index 2e75b0a..4a8dc68 100644
--- a/tl/tags/tag1/index.html
+++ b/tl/tags/tag1/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,13 +176,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/" aria-label="Isang hidden post test">Isang hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -207,77 +213,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/tags/tag2/index.html b/tl/tags/tag2/index.html
index a9c0b4b..d517fd0 100644
--- a/tl/tags/tag2/index.html
+++ b/tl/tags/tag2/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,13 +176,13 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/" aria-label="Isang hidden post test">Isang hidden post test</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2020-05-12T21:28:27&#43;08:00" title="Created">
         2020-05-12
       </time>
     </span>
@@ -186,23 +192,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/" aria-label="Supporta para sa RSS, Atom, at JSON feeds">Supporta para sa RSS, Atom, at JSON feeds</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         Juan dela Cruz, et al.
       </span>
     </span>
@@ -233,77 +239,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>
 
 
 
diff --git a/tl/tags/this-is-a-test-tag/index.html b/tl/tags/this-is-a-test-tag/index.html
index c8a360a..5453148 100644
--- a/tl/tags/this-is-a-test-tag/index.html
+++ b/tl/tags/this-is-a-test-tag/index.html
@@ -5,7 +5,7 @@
 
 
 
-<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.5643442d6aac7f739f671b8d44bc3764d33ea29cf939971e531ef9f9c9f0c7d3.css" /><script>
+<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/css/main.min.375ea88a02a3ac5e6bdc2a5187c8a5f7ecdb128224136f80dd8509a89f1cf879.css" /><script>
   let theme = window.localStorage.getItem('theme'); 
   if (theme) {
     document.documentElement.dataset.theme = theme;
@@ -33,16 +33,22 @@
 
 </head>
   <body><header aria-label="Site header">
-  <nav>
+  <nav class="site__nav-header">
     <a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/">More Contentful</a>
-    <div class="list site__links">
+    <ul class="list">
       
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
-        <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/about/">About</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/categories/">Categories</a>
+          </li>
+        <li>
+            <a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/tags/">Tags</a>
+          </li>
         
       
-    </div>
+    </ul>
   </nav>
 <div class="site__theme-btn" aria-label="Theme toggle" aria-hidden="true">
   
@@ -170,23 +176,23 @@
 <article class="post">
   <h1><a href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/" aria-label="Supporta para sa RSS, Atom, at JSON feeds">Supporta para sa RSS, Atom, at JSON feeds</a></h1>
   
-  <div class="list post__meta" aria-hidden="true"><span>
+  <div class="list post__meta" aria-hidden="true"><span class="post__meta-icon-label">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/calendar.svg#calendar"></use>
   </svg>
 
-      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created" style="margin-left: 0.5em;">
+      <time datetime="2019-09-04T17:22:44&#43;08:00" title="Created">
         2019-09-04
       </time>
     </span>
-    <span data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
+    <span class="post__meta-icon-label" data-authors="[&#34;Juan dela Cruz&#34;,&#34;Juana dela Cruz&#34;,&#34;Mang Kanor&#34;]" title="Authors">
       
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/generic/pencil.svg#pencil"></use>
   </svg>
 
-      <span style="margin-left: 0.5em;">
+      <span>
         Juan dela Cruz, et al.
       </span>
     </span>
@@ -217,77 +223,55 @@
 
 
 
-<ul class="list site__socials">
+<nav class="list site__socials">
   
 
   
-  <li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
+  <a class="site__social-icon" rel="me" href="https://example.org/gmail" aria-label="E-mail">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gmail.svg#gmail"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/keybase" aria-label="Keybase">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/keybase.svg#keybase"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/devdotto" aria-label="Dev.to">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/devdotto.svg#devdotto"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/github/" aria-label="GitHub">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/github.svg#github"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/gitlab" aria-label="GitLab">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/gitlab.svg#gitlab"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/lichess" aria-label="Lichess">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/lichess.svg#lichess"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/picartodottv" aria-label="Picarto.tv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/picartodottv.svg#picartodottv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/pixiv" aria-label="Pixiv">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/pixiv.svg#pixiv"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitch" aria-label="Twitch">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitch.svg#twitch"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/twitter" aria-label="Twitter">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/twitter.svg#twitter"></use>
   </svg>
-    </a>
-  </li><li>
-    <a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
+    </a><a class="site__social-icon" rel="me" href="https://example.org/youtube" aria-label="YouTube">
   <svg class="icon">
     <use href="https://foo-dogsquared.github.io/hugo-theme-more-contentful/icons/brand/youtube.svg#youtube"></use>
   </svg>
-    </a>
-  </li></ul>
+    </a></nav>