diff --git a/404.html b/404.html
index 6543aafa55..a4304022e3 100644
--- a/404.html
+++ b/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="./images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="./css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="./css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1693948276" rel="stylesheet">
-    <link href="./css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1693948276" rel="stylesheet">
-    <link href="./css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1693948276" rel="stylesheet">
-    <script src="./js/url.js?1693948276"></script>
-    <script src="./js/variant.js?1693948276"></script>
+    <link href="./css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="./css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694470320" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694470320" rel="stylesheet">
+    <link href="./css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1694470320" rel="stylesheet">
+    <script src="./js/url.js?1694470320"></script>
+    <script src="./js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 28524d3324..c1ef5de188 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,22 +52,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/index.html" title="Content (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/history/index.html" title="History (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/changelog/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/CHANGELOG.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/index.html" title="Content (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/history/index.html" title="History (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/changelog/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/CHANGELOG.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -2065,12 +2069,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948276" defer></script>
-        <script src="../../js/search.js?1693948276" defer></script>
+        <script src="../../js/auto-complete.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470320" defer></script>
+        <script src="../../js/search.js?1694470320" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -2224,13 +2228,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948276"></script>
+          <script async src="../../js/github-buttons.js?1694470320"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948276" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948276" defer></script>
-    <script src="../../js/theme.js?1693948276" defer></script>
+    <script src="../../js/clipboard.min.js?1694470320" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470320" defer></script>
+    <script src="../../js/theme.js?1694470320" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 54e01c5d97..8dee2bc6f6 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1296,8 +1296,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index d523d9a1dc..6535acff52 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../basics/customization/index.html" title="Customization (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/installation/index.html" title="Installation (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/configuration/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../basics/customization/index.html" title="Customization (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/installation/index.html" title="Installation (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/configuration/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -235,8 +239,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-2e10a5251899040ddd3873ca56faff83" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2e10a5251899040ddd3873ca56faff83"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0e812ebf0addab88753496a41883fac7" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0e812ebf0addab88753496a41883fac7"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -281,8 +285,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-8a0e8b372d4781b3d39fea9f3a750bfc" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8a0e8b372d4781b3d39fea9f3a750bfc"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ccd2b7dd48fb50d49a89676ff549828" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ccd2b7dd48fb50d49a89676ff549828"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -370,12 +374,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -529,13 +533,13 @@ default values:</p>
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 45c79c2163..b0c4d3c1b8 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -191,8 +191,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-2e10a5251899040ddd3873ca56faff83" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2e10a5251899040ddd3873ca56faff83"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0e812ebf0addab88753496a41883fac7" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0e812ebf0addab88753496a41883fac7"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -237,8 +237,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-8a0e8b372d4781b3d39fea9f3a750bfc" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8a0e8b372d4781b3d39fea9f3a750bfc"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ccd2b7dd48fb50d49a89676ff549828" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ccd2b7dd48fb50d49a89676ff549828"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -248,8 +248,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index bbfe4ae086..5890c23e16 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../basics/generator/index.html" title="Stylesheet generator (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/configuration/index.html" title="Configuration (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/customization/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../basics/generator/index.html" title="Stylesheet generator (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/configuration/index.html" title="Configuration (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/customization/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -294,12 +298,12 @@ If you have requirements to support IE and/or older browser versions, use one of
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -453,13 +457,13 @@ If you have requirements to support IE and/or older browser versions, use one of
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index dea0a7f0e2..219e67116a 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,8 +180,8 @@ If you have requirements to support IE and/or older browser versions, use one of
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 93ca8dec1f..dfdc284408 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../basics/history/index.html" title="History (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/customization/index.html" title="Customization (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/generator/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../basics/history/index.html" title="History (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/customization/index.html" title="Customization (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/generator/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -94,13 +98,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-897a3ea0feb629666b3aabefe5b2521b" aria-controls="expandcontent-897a3ea0feb629666b3aabefe5b2521b" >
-    <label class="expand-label" for="expand-897a3ea0feb629666b3aabefe5b2521b" >
+    <input type="checkbox" id="expand-4043273595d2e2a745197c3c138fb2f3" aria-controls="expandcontent-4043273595d2e2a745197c3c138fb2f3" >
+    <label class="expand-label" for="expand-4043273595d2e2a745197c3c138fb2f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-897a3ea0feb629666b3aabefe5b2521b" class="expand-content">
+    <div id="expandcontent-4043273595d2e2a745197c3c138fb2f3" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -232,12 +236,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -391,27 +395,27 @@ window.variants && variants.generator( '#vargenerator' );
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1693948277" defer></script>
-    <script src="../../js/js-yaml.min.js?1693948277" defer></script>
-    <script src="../../js/mermaid.min.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694470321" defer></script>
+    <script src="../../js/js-yaml.min.js?1694470321" defer></script>
+    <script src="../../js/mermaid.min.js?1694470321" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index fd6ecd3d0c..9c55a0d54d 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,13 +79,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-897a3ea0feb629666b3aabefe5b2521b" aria-controls="expandcontent-897a3ea0feb629666b3aabefe5b2521b" >
-    <label class="expand-label" for="expand-897a3ea0feb629666b3aabefe5b2521b" >
+    <input type="checkbox" id="expand-4043273595d2e2a745197c3c138fb2f3" aria-controls="expandcontent-4043273595d2e2a745197c3c138fb2f3" >
+    <label class="expand-label" for="expand-4043273595d2e2a745197c3c138fb2f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-897a3ea0feb629666b3aabefe5b2521b" class="expand-content">
+    <div id="expandcontent-4043273595d2e2a745197c3c138fb2f3" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -139,22 +139,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1693948278" defer></script>
-    <script src="../../js/js-yaml.min.js?1693948278" defer></script>
-    <script src="../../js/mermaid.min.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694470322" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694470322" defer></script>
+    <script src="../../js/js-yaml.min.js?1694470322" defer></script>
+    <script src="../../js/mermaid.min.js?1694470322" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 78238db960..67165145e4 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/index.html" title="Content (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/generator/index.html" title="Stylesheet generator (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/history/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/index.html" title="Content (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/generator/index.html" title="Stylesheet generator (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/history/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -2071,12 +2075,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -2230,13 +2234,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index ed5c548682..013f2a13d9 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1302,8 +1302,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index e6f119cf3b..a917654692 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../basics/migration/index.html" title="What&#39;s New (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../basics/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../basics/migration/index.html" title="What&#39;s New (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../basics/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -179,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../js/search.js?1693948277" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -338,13 +342,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948277"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../js/theme.js?1693948277" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index c99f5c49dc..3503360e11 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../js/url.js?1694470321"></script>
+    <script src="../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -834,8 +834,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-2bb98d3bc876e6cd9e22c96aa3bda291" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2bb98d3bc876e6cd9e22c96aa3bda291"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0f6ab07f85f218e1ae20827461d5a87b" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0f6ab07f85f218e1ae20827461d5a87b"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -878,8 +878,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-b95e8149451d4f99f484440d193896fb" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b95e8149451d4f99f484440d193896fb"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-53c9983273379c7def722f2af120a16f" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-53c9983273379c7def722f2af120a16f"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1033,8 +1033,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-2e10a5251899040ddd3873ca56faff83" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2e10a5251899040ddd3873ca56faff83"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0e812ebf0addab88753496a41883fac7" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0e812ebf0addab88753496a41883fac7"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1079,8 +1079,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-8a0e8b372d4781b3d39fea9f3a750bfc" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8a0e8b372d4781b3d39fea9f3a750bfc"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ccd2b7dd48fb50d49a89676ff549828" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ccd2b7dd48fb50d49a89676ff549828"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -1201,13 +1201,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-897a3ea0feb629666b3aabefe5b2521b" aria-controls="expandcontent-897a3ea0feb629666b3aabefe5b2521b" >
-    <label class="expand-label" for="expand-897a3ea0feb629666b3aabefe5b2521b" >
+    <input type="checkbox" id="expand-4043273595d2e2a745197c3c138fb2f3" aria-controls="expandcontent-4043273595d2e2a745197c3c138fb2f3" >
+    <label class="expand-label" for="expand-4043273595d2e2a745197c3c138fb2f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-897a3ea0feb629666b3aabefe5b2521b" class="expand-content">
+    <div id="expandcontent-4043273595d2e2a745197c3c138fb2f3" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -2490,22 +2490,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-color.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1693948278" defer></script>
-    <script src="../js/js-yaml.min.js?1693948278" defer></script>
-    <script src="../js/mermaid.min.js?1693948278" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-color.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1694470321" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1694470321" defer></script>
+    <script src="../js/js-yaml.min.js?1694470321" defer></script>
+    <script src="../js/mermaid.min.js?1694470321" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1693948278" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 29b0f16989..c6d5249409 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../basics/configuration/index.html" title="Configuration (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/requirements/index.html" title="Requirements (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/installation/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../basics/configuration/index.html" title="Configuration (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/requirements/index.html" title="Requirements (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/installation/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -140,8 +144,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-b95e8149451d4f99f484440d193896fb" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b95e8149451d4f99f484440d193896fb"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-53c9983273379c7def722f2af120a16f" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-53c9983273379c7def722f2af120a16f"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -256,12 +260,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -415,13 +419,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index dcc531549e..ce753fd8c8 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -105,8 +105,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-b95e8149451d4f99f484440d193896fb" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b95e8149451d4f99f484440d193896fb"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-53c9983273379c7def722f2af120a16f" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-53c9983273379c7def722f2af120a16f"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -143,8 +143,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index c211d8d1b1..2f0e688048 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../basics/requirements/index.html" title="Requirements (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/index.html" title="Basics (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/migration/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../basics/requirements/index.html" title="Requirements (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/index.html" title="Basics (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/migration/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -961,12 +965,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1120,13 +1124,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 86a435eddb..6bc9b922cc 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -816,8 +816,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 63b52552a2..86a70a9234 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../basics/installation/index.html" title="Installation (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../basics/migration/index.html" title="What&#39;s New (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../basics/requirements/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../basics/installation/index.html" title="Installation (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../basics/migration/index.html" title="What&#39;s New (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../basics/requirements/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -93,8 +97,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-2bb98d3bc876e6cd9e22c96aa3bda291" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2bb98d3bc876e6cd9e22c96aa3bda291"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0f6ab07f85f218e1ae20827461d5a87b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0f6ab07f85f218e1ae20827461d5a87b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -184,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -343,13 +347,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 85897cb9c3..2f35f50218 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -78,8 +78,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-2bb98d3bc876e6cd9e22c96aa3bda291" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2bb98d3bc876e6cd9e22c96aa3bda291"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0f6ab07f85f218e1ae20827461d5a87b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0f6ab07f85f218e1ae20827461d5a87b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index ff992e5cc7..df3c265f53 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 12958011fc..2cd2a8f74c 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index d7f0cbd087..d14caa396a 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index bac809200b..05346ab2f3 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -189,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../js/search.js?1693948277" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,13 +352,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948277"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../js/theme.js?1693948277" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 59b8f758d2..c26af7bfdc 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index e058bf80aa..c7bb5c7fb8 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -168,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -327,13 +331,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 3bab0dae6c..7f1e226243 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/markdown/index.html" title="Markdown syntax (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/pages/index.html" title="Pages organization (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/archetypes/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/markdown/index.html" title="Markdown syntax (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/pages/index.html" title="Pages organization (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/archetypes/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -118,8 +122,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-c66df87639c4fb98095d99f0897dad6f" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c66df87639c4fb98095d99f0897dad6f"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ce7176613a09a46e15fa714a541a33" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ce7176613a09a46e15fa714a541a33"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -129,8 +133,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-8d98e27ea6c6d3da3a7cb1bca70b7842" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d98e27ea6c6d3da3a7cb1bca70b7842"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-aa2eecdfb960c6581377fd4b761431d8" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-aa2eecdfb960c6581377fd4b761431d8"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -142,8 +146,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-6eecefbc4d6b848bc127026d0fd13e3c" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6eecefbc4d6b848bc127026d0fd13e3c"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dc529fbba0d81a69d7e9ac6505fbf286" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dc529fbba0d81a69d7e9ac6505fbf286"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -273,12 +277,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -432,13 +436,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index cf120ef1f5..27c56eef4a 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,8 +81,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-c66df87639c4fb98095d99f0897dad6f" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c66df87639c4fb98095d99f0897dad6f"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ce7176613a09a46e15fa714a541a33" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ce7176613a09a46e15fa714a541a33"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -92,8 +92,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-8d98e27ea6c6d3da3a7cb1bca70b7842" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d98e27ea6c6d3da3a7cb1bca70b7842"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-aa2eecdfb960c6581377fd4b761431d8" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-aa2eecdfb960c6581377fd4b761431d8"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -105,8 +105,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-6eecefbc4d6b848bc127026d0fd13e3c" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6eecefbc4d6b848bc127026d0fd13e3c"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dc529fbba0d81a69d7e9ac6505fbf286" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dc529fbba0d81a69d7e9ac6505fbf286"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -158,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index ac7f98c71e..e4be6394d4 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/taxonomy/index.html" title="Taxonomy (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/i18n/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/taxonomy/index.html" title="Taxonomy (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/i18n/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -115,8 +119,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-997c0bed2d1f4f39d3417e8cd24a915d" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-997c0bed2d1f4f39d3417e8cd24a915d"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b6469a7653611754777b7a4055100cb6" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b6469a7653611754777b7a4055100cb6"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -294,12 +298,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -453,13 +457,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 47c1b1553d..7061da21fe 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-997c0bed2d1f4f39d3417e8cd24a915d" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-997c0bed2d1f4f39d3417e8cd24a915d"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b6469a7653611754777b7a4055100cb6" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b6469a7653611754777b7a4055100cb6"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -184,8 +184,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index 8dbdd3653d..df693a3c14 100644
--- a/cont/imageeffects/index.html
+++ b/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/markdown/index.html" title="Markdown syntax (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/imageeffects/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/markdown/index.html" title="Markdown syntax (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/imageeffects/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -108,13 +112,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="e96bedfc633d6b03b07827d61b07352e">
+<div class="tab-panel" data-tab-group="1c1b3f180795725f17632b4a296d0a70">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e96bedfc633d6b03b07827d61b07352e','configtoml')"
+      onclick="switchTab('1c1b3f180795725f17632b4a296d0a70','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -138,13 +142,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="bb190b5cd4d6cf04be5de4fdbc82f0c5">
+<div class="tab-panel" data-tab-group="8b9ebc1f2a3f9c50d7df8f8aa5917a3f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bb190b5cd4d6cf04be5de4fdbc82f0c5','frontmatter')"
+      onclick="switchTab('8b9ebc1f2a3f9c50d7df8f8aa5917a3f','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -167,13 +171,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2dfdfe5e8c21229f430537e8b119312c">
+<div class="tab-panel" data-tab-group="5dfdae225eeaddbb6464914eab1f7e32">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2dfdfe5e8c21229f430537e8b119312c','url')"
+      onclick="switchTab('5dfdae225eeaddbb6464914eab1f7e32','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -193,13 +197,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="23c044e7b08f52b3a70f3fe7990b36b5">
+<div class="tab-panel" data-tab-group="f8d014312bd3f9f6ca71e76c55c78cda">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('23c044e7b08f52b3a70f3fe7990b36b5','result')"
+      onclick="switchTab('f8d014312bd3f9f6ca71e76c55c78cda','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -222,13 +226,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d888bd8be867d6cc2dfed708df450726">
+<div class="tab-panel" data-tab-group="50f7b77b08ee91f772d4214fa4398ee5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d888bd8be867d6cc2dfed708df450726','html')"
+      onclick="switchTab('50f7b77b08ee91f772d4214fa4398ee5','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -342,12 +346,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948276" defer></script>
-        <script src="../../js/search.js?1693948276" defer></script>
+        <script src="../../js/auto-complete.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470320" defer></script>
+        <script src="../../js/search.js?1694470320" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -501,13 +505,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948276"></script>
+          <script async src="../../js/github-buttons.js?1694470320"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948276" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948276" defer></script>
-    <script src="../../js/theme.js?1693948276" defer></script>
+    <script src="../../js/clipboard.min.js?1694470320" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470320" defer></script>
+    <script src="../../js/theme.js?1694470320" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index d0d5f80932..40047643fa 100644
--- a/cont/imageeffects/index.print.html
+++ b/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,13 +83,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="e96bedfc633d6b03b07827d61b07352e">
+<div class="tab-panel" data-tab-group="1c1b3f180795725f17632b4a296d0a70">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e96bedfc633d6b03b07827d61b07352e','configtoml')"
+      onclick="switchTab('1c1b3f180795725f17632b4a296d0a70','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -113,13 +113,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="bb190b5cd4d6cf04be5de4fdbc82f0c5">
+<div class="tab-panel" data-tab-group="8b9ebc1f2a3f9c50d7df8f8aa5917a3f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bb190b5cd4d6cf04be5de4fdbc82f0c5','frontmatter')"
+      onclick="switchTab('8b9ebc1f2a3f9c50d7df8f8aa5917a3f','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -142,13 +142,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2dfdfe5e8c21229f430537e8b119312c">
+<div class="tab-panel" data-tab-group="5dfdae225eeaddbb6464914eab1f7e32">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2dfdfe5e8c21229f430537e8b119312c','url')"
+      onclick="switchTab('5dfdae225eeaddbb6464914eab1f7e32','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -168,13 +168,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="23c044e7b08f52b3a70f3fe7990b36b5">
+<div class="tab-panel" data-tab-group="f8d014312bd3f9f6ca71e76c55c78cda">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('23c044e7b08f52b3a70f3fe7990b36b5','result')"
+      onclick="switchTab('f8d014312bd3f9f6ca71e76c55c78cda','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -197,13 +197,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d888bd8be867d6cc2dfed708df450726">
+<div class="tab-panel" data-tab-group="50f7b77b08ee91f772d4214fa4398ee5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d888bd8be867d6cc2dfed708df450726','html')"
+      onclick="switchTab('50f7b77b08ee91f772d4214fa4398ee5','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -239,8 +239,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index ff9f3d79f2..3b03bf8e94 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../cont/pages/index.html" title="Pages organization (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../basics/history/index.html" title="History (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../cont/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../cont/pages/index.html" title="Pages organization (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../basics/history/index.html" title="History (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../cont/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -179,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../js/search.js?1693948277" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -338,13 +342,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948277"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../js/theme.js?1693948277" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index e8a50a523f..5bce041fd3 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../js/url.js?1694470321"></script>
+    <script src="../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,8 +164,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-bbec41f71ece72300a5768d81475cd56" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bbec41f71ece72300a5768d81475cd56"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-4d54d2a7e5e216520f5bc02b1d3160e0" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4d54d2a7e5e216520f5bc02b1d3160e0"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -208,8 +208,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-c66df87639c4fb98095d99f0897dad6f" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c66df87639c4fb98095d99f0897dad6f"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ce7176613a09a46e15fa714a541a33" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ce7176613a09a46e15fa714a541a33"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -219,8 +219,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-8d98e27ea6c6d3da3a7cb1bca70b7842" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d98e27ea6c6d3da3a7cb1bca70b7842"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-aa2eecdfb960c6581377fd4b761431d8" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-aa2eecdfb960c6581377fd4b761431d8"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -232,8 +232,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-6eecefbc4d6b848bc127026d0fd13e3c" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6eecefbc4d6b848bc127026d0fd13e3c"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dc529fbba0d81a69d7e9ac6505fbf286" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dc529fbba0d81a69d7e9ac6505fbf286"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -804,8 +804,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-7ad150a67a4ad655f6b2d84dfb65d5ff" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7ad150a67a4ad655f6b2d84dfb65d5ff"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5e2f0d5b9db71badecca849d92013eab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5e2f0d5b9db71badecca849d92013eab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -815,8 +815,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-6cfd2509c110f318e4895b1ff7bc55fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6cfd2509c110f318e4895b1ff7bc55fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d55596bdcea66ab2e6aaa5ec209dbf2c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d55596bdcea66ab2e6aaa5ec209dbf2c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -828,8 +828,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-84f4390e789977ff5c9547411071b5f6" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84f4390e789977ff5c9547411071b5f6"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae751e9d5f5a0d41ad3bed976411f32b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae751e9d5f5a0d41ad3bed976411f32b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -841,8 +841,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-09518590f4773a913d4b204b7c0c880c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-09518590f4773a913d4b204b7c0c880c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-361145c3e02fe4e3fdb098e56bc45f8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-361145c3e02fe4e3fdb098e56bc45f8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -850,8 +850,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9f6acbb79ad56d3c4ec6d6b8396bcf1e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9f6acbb79ad56d3c4ec6d6b8396bcf1e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5262a3c24507bc429a2b1984b853f6d6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5262a3c24507bc429a2b1984b853f6d6"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -859,8 +859,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4169c6dbfe79c02cf26d552da856bce2" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4169c6dbfe79c02cf26d552da856bce2"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b41c55dfc5a8027bd420fccdd133d27c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b41c55dfc5a8027bd420fccdd133d27c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -871,8 +871,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b4d319aaf5ff9f8bfa83abad58ae9443" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b4d319aaf5ff9f8bfa83abad58ae9443"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-d1ebd153374867583e7e03014bf6c486" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1ebd153374867583e7e03014bf6c486"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -881,8 +881,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-bb9c87ffb265daa04b6ab4bce13d24e5" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bb9c87ffb265daa04b6ab4bce13d24e5"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae07d4ab25ae09039e8a148c67a173c3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae07d4ab25ae09039e8a148c67a173c3"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -891,8 +891,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8f85d4fd88ed791ecfdceddde769e68b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8f85d4fd88ed791ecfdceddde769e68b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f60d498c4e8e99c6f07a94776d3f774f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f60d498c4e8e99c6f07a94776d3f774f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -901,8 +901,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-3677ec2ce81eea35a8174aa9533c180b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3677ec2ce81eea35a8174aa9533c180b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-a7e4c7d2578647ab3dfa2671cfd48284" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a7e4c7d2578647ab3dfa2671cfd48284"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -914,14 +914,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-892ec755d558189578041c59446de419" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-892ec755d558189578041c59446de419"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-a253055bbca83a498ac11d7fca51bcf6" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a253055bbca83a498ac11d7fca51bcf6"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-62b1a706df53f1954e80b7074c89360e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-62b1a706df53f1954e80b7074c89360e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-ae93684f271396dd8f1243124ec25bfa" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ae93684f271396dd8f1243124ec25bfa"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3ab8888e7143e5f1cfe680d6b3e337d7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3ab8888e7143e5f1cfe680d6b3e337d7"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f619626d79e20abe88190998d8a416a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f619626d79e20abe88190998d8a416a7"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-2fb133fbd86105088ae0dfa5e899a236" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2fb133fbd86105088ae0dfa5e899a236"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-d5fb0bd03e5f29b41e6c3b85cee19258" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d5fb0bd03e5f29b41e6c3b85cee19258"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -930,8 +930,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-acebe60711c4d23eb9a1d601040de60f" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-acebe60711c4d23eb9a1d601040de60f"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-f865377572e687a723058dd987fbc3bd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f865377572e687a723058dd987fbc3bd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -971,13 +971,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="e96bedfc633d6b03b07827d61b07352e">
+<div class="tab-panel" data-tab-group="1c1b3f180795725f17632b4a296d0a70">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e96bedfc633d6b03b07827d61b07352e','configtoml')"
+      onclick="switchTab('1c1b3f180795725f17632b4a296d0a70','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -1001,13 +1001,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="bb190b5cd4d6cf04be5de4fdbc82f0c5">
+<div class="tab-panel" data-tab-group="8b9ebc1f2a3f9c50d7df8f8aa5917a3f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bb190b5cd4d6cf04be5de4fdbc82f0c5','frontmatter')"
+      onclick="switchTab('8b9ebc1f2a3f9c50d7df8f8aa5917a3f','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -1030,13 +1030,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2dfdfe5e8c21229f430537e8b119312c">
+<div class="tab-panel" data-tab-group="5dfdae225eeaddbb6464914eab1f7e32">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2dfdfe5e8c21229f430537e8b119312c','url')"
+      onclick="switchTab('5dfdae225eeaddbb6464914eab1f7e32','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -1056,13 +1056,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="23c044e7b08f52b3a70f3fe7990b36b5">
+<div class="tab-panel" data-tab-group="f8d014312bd3f9f6ca71e76c55c78cda">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('23c044e7b08f52b3a70f3fe7990b36b5','result')"
+      onclick="switchTab('f8d014312bd3f9f6ca71e76c55c78cda','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -1085,13 +1085,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d888bd8be867d6cc2dfed708df450726">
+<div class="tab-panel" data-tab-group="50f7b77b08ee91f772d4214fa4398ee5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d888bd8be867d6cc2dfed708df450726','html')"
+      onclick="switchTab('50f7b77b08ee91f772d4214fa4398ee5','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -1268,8 +1268,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-997c0bed2d1f4f39d3417e8cd24a915d" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-997c0bed2d1f4f39d3417e8cd24a915d"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b6469a7653611754777b7a4055100cb6" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b6469a7653611754777b7a4055100cb6"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1406,8 +1406,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../js/theme.js?1693948278" defer></script>
+    <script src="../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 894a5f8266..767a95afe9 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/imageeffects/index.html" title="Image Effects (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/archetypes/index.html" title="Archetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/markdown/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/imageeffects/index.html" title="Image Effects (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/archetypes/index.html" title="Archetypes (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/markdown/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -666,8 +670,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-7ad150a67a4ad655f6b2d84dfb65d5ff" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7ad150a67a4ad655f6b2d84dfb65d5ff"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5e2f0d5b9db71badecca849d92013eab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5e2f0d5b9db71badecca849d92013eab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -677,8 +681,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-6cfd2509c110f318e4895b1ff7bc55fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6cfd2509c110f318e4895b1ff7bc55fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d55596bdcea66ab2e6aaa5ec209dbf2c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d55596bdcea66ab2e6aaa5ec209dbf2c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -690,8 +694,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-84f4390e789977ff5c9547411071b5f6" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84f4390e789977ff5c9547411071b5f6"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae751e9d5f5a0d41ad3bed976411f32b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae751e9d5f5a0d41ad3bed976411f32b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -703,8 +707,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-09518590f4773a913d4b204b7c0c880c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-09518590f4773a913d4b204b7c0c880c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-361145c3e02fe4e3fdb098e56bc45f8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-361145c3e02fe4e3fdb098e56bc45f8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -712,8 +716,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9f6acbb79ad56d3c4ec6d6b8396bcf1e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9f6acbb79ad56d3c4ec6d6b8396bcf1e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5262a3c24507bc429a2b1984b853f6d6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5262a3c24507bc429a2b1984b853f6d6"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -721,8 +725,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4169c6dbfe79c02cf26d552da856bce2" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4169c6dbfe79c02cf26d552da856bce2"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b41c55dfc5a8027bd420fccdd133d27c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b41c55dfc5a8027bd420fccdd133d27c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -733,8 +737,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b4d319aaf5ff9f8bfa83abad58ae9443" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b4d319aaf5ff9f8bfa83abad58ae9443"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-d1ebd153374867583e7e03014bf6c486" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1ebd153374867583e7e03014bf6c486"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -743,8 +747,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-bb9c87ffb265daa04b6ab4bce13d24e5" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bb9c87ffb265daa04b6ab4bce13d24e5"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae07d4ab25ae09039e8a148c67a173c3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae07d4ab25ae09039e8a148c67a173c3"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -753,8 +757,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8f85d4fd88ed791ecfdceddde769e68b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8f85d4fd88ed791ecfdceddde769e68b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f60d498c4e8e99c6f07a94776d3f774f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f60d498c4e8e99c6f07a94776d3f774f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -763,8 +767,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-3677ec2ce81eea35a8174aa9533c180b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3677ec2ce81eea35a8174aa9533c180b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-a7e4c7d2578647ab3dfa2671cfd48284" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a7e4c7d2578647ab3dfa2671cfd48284"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -776,14 +780,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-892ec755d558189578041c59446de419" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-892ec755d558189578041c59446de419"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-a253055bbca83a498ac11d7fca51bcf6" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a253055bbca83a498ac11d7fca51bcf6"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-62b1a706df53f1954e80b7074c89360e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-62b1a706df53f1954e80b7074c89360e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-ae93684f271396dd8f1243124ec25bfa" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ae93684f271396dd8f1243124ec25bfa"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3ab8888e7143e5f1cfe680d6b3e337d7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3ab8888e7143e5f1cfe680d6b3e337d7"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f619626d79e20abe88190998d8a416a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f619626d79e20abe88190998d8a416a7"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-2fb133fbd86105088ae0dfa5e899a236" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2fb133fbd86105088ae0dfa5e899a236"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-d5fb0bd03e5f29b41e6c3b85cee19258" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d5fb0bd03e5f29b41e6c3b85cee19258"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -792,8 +796,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-acebe60711c4d23eb9a1d601040de60f" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-acebe60711c4d23eb9a1d601040de60f"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-f865377572e687a723058dd987fbc3bd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f865377572e687a723058dd987fbc3bd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -902,12 +906,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948276" defer></script>
-        <script src="../../js/search.js?1693948276" defer></script>
+        <script src="../../js/auto-complete.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470320" defer></script>
+        <script src="../../js/search.js?1694470320" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1061,13 +1065,13 @@ line 3 of code
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948276"></script>
+          <script async src="../../js/github-buttons.js?1694470320"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948276" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948276" defer></script>
-    <script src="../../js/theme.js?1693948276" defer></script>
+    <script src="../../js/clipboard.min.js?1694470320" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470320" defer></script>
+    <script src="../../js/theme.js?1694470320" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 01a04da602..5a8a35bf32 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -593,8 +593,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-7ad150a67a4ad655f6b2d84dfb65d5ff" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7ad150a67a4ad655f6b2d84dfb65d5ff"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5e2f0d5b9db71badecca849d92013eab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5e2f0d5b9db71badecca849d92013eab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -604,8 +604,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-6cfd2509c110f318e4895b1ff7bc55fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6cfd2509c110f318e4895b1ff7bc55fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d55596bdcea66ab2e6aaa5ec209dbf2c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d55596bdcea66ab2e6aaa5ec209dbf2c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -617,8 +617,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-84f4390e789977ff5c9547411071b5f6" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84f4390e789977ff5c9547411071b5f6"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae751e9d5f5a0d41ad3bed976411f32b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae751e9d5f5a0d41ad3bed976411f32b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -630,8 +630,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-09518590f4773a913d4b204b7c0c880c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-09518590f4773a913d4b204b7c0c880c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-361145c3e02fe4e3fdb098e56bc45f8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-361145c3e02fe4e3fdb098e56bc45f8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -639,8 +639,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9f6acbb79ad56d3c4ec6d6b8396bcf1e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9f6acbb79ad56d3c4ec6d6b8396bcf1e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5262a3c24507bc429a2b1984b853f6d6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5262a3c24507bc429a2b1984b853f6d6"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -648,8 +648,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4169c6dbfe79c02cf26d552da856bce2" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4169c6dbfe79c02cf26d552da856bce2"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b41c55dfc5a8027bd420fccdd133d27c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b41c55dfc5a8027bd420fccdd133d27c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -660,8 +660,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b4d319aaf5ff9f8bfa83abad58ae9443" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b4d319aaf5ff9f8bfa83abad58ae9443"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-d1ebd153374867583e7e03014bf6c486" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1ebd153374867583e7e03014bf6c486"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -670,8 +670,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-bb9c87ffb265daa04b6ab4bce13d24e5" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bb9c87ffb265daa04b6ab4bce13d24e5"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae07d4ab25ae09039e8a148c67a173c3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae07d4ab25ae09039e8a148c67a173c3"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -680,8 +680,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8f85d4fd88ed791ecfdceddde769e68b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8f85d4fd88ed791ecfdceddde769e68b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f60d498c4e8e99c6f07a94776d3f774f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f60d498c4e8e99c6f07a94776d3f774f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -690,8 +690,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-3677ec2ce81eea35a8174aa9533c180b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3677ec2ce81eea35a8174aa9533c180b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-a7e4c7d2578647ab3dfa2671cfd48284" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a7e4c7d2578647ab3dfa2671cfd48284"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -703,14 +703,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-892ec755d558189578041c59446de419" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-892ec755d558189578041c59446de419"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-a253055bbca83a498ac11d7fca51bcf6" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a253055bbca83a498ac11d7fca51bcf6"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-62b1a706df53f1954e80b7074c89360e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-62b1a706df53f1954e80b7074c89360e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-ae93684f271396dd8f1243124ec25bfa" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ae93684f271396dd8f1243124ec25bfa"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3ab8888e7143e5f1cfe680d6b3e337d7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3ab8888e7143e5f1cfe680d6b3e337d7"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f619626d79e20abe88190998d8a416a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f619626d79e20abe88190998d8a416a7"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-2fb133fbd86105088ae0dfa5e899a236" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2fb133fbd86105088ae0dfa5e899a236"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-d5fb0bd03e5f29b41e6c3b85cee19258" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d5fb0bd03e5f29b41e6c3b85cee19258"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -719,8 +719,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-acebe60711c4d23eb9a1d601040de60f" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-acebe60711c4d23eb9a1d601040de60f"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-f865377572e687a723058dd987fbc3bd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f865377572e687a723058dd987fbc3bd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -751,8 +751,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 8a5b3e752a..b207f5d95c 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/i18n/index.html" title="Multilingual and i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/imageeffects/index.html" title="Image Effects (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/menushortcuts/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/i18n/index.html" title="Multilingual and i18n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/imageeffects/index.html" title="Image Effects (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/menushortcuts/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -311,12 +315,12 @@ However, if you want to keep the title but change its value, it can be overridde
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948276" defer></script>
-        <script src="../../js/search.js?1693948276" defer></script>
+        <script src="../../js/auto-complete.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470320" defer></script>
+        <script src="../../js/search.js?1694470320" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -470,13 +474,13 @@ However, if you want to keep the title but change its value, it can be overridde
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948276"></script>
+          <script async src="../../js/github-buttons.js?1694470320"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948276" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948276" defer></script>
-    <script src="../../js/theme.js?1693948276" defer></script>
+    <script src="../../js/clipboard.min.js?1694470320" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470320" defer></script>
+    <script src="../../js/theme.js?1694470320" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 4919c139fc..28382051da 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,8 +206,8 @@ However, if you want to keep the title but change its value, it can be overridde
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 27bf25f463..7a2257331e 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../cont/archetypes/index.html" title="Archetypes (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/index.html" title="Content (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/pages/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../cont/archetypes/index.html" title="Archetypes (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/index.html" title="Content (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/pages/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -184,8 +188,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-bbec41f71ece72300a5768d81475cd56" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bbec41f71ece72300a5768d81475cd56"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-4d54d2a7e5e216520f5bc02b1d3160e0" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4d54d2a7e5e216520f5bc02b1d3160e0"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -299,12 +303,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -458,13 +462,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 9626772de6..577ea51de9 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -150,8 +150,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-bbec41f71ece72300a5768d81475cd56" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bbec41f71ece72300a5768d81475cd56"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-4d54d2a7e5e216520f5bc02b1d3160e0" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4d54d2a7e5e216520f5bc02b1d3160e0"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -187,8 +187,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 40c40a58a3..e289683d4f 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/index.html" title="Shortcodes (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../cont/i18n/index.html" title="Multilingual and i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../cont/taxonomy/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/index.html" title="Shortcodes (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../cont/i18n/index.html" title="Multilingual and i18n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../cont/taxonomy/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -215,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948276" defer></script>
-        <script src="../../js/search.js?1693948276" defer></script>
+        <script src="../../js/auto-complete.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470320" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470320" defer></script>
+        <script src="../../js/search.js?1694470320" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -374,13 +378,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948276"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948276" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948276" defer></script>
-    <script src="../../js/theme.js?1693948276" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index 238b8a4288..f4b5ffee39 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
index ed964431e3..88fd3f4068 100644
--- a/css/format-print.css
+++ b/css/format-print.css
@@ -35,9 +35,7 @@ pre {
     padding-left: 0; /* for print, we want to align with the footer to ease the layout */
     padding-right: 0;
 }
-.navigation,
-#top-print-link,
-#top-github-link {
+.topbar-button {
     /* we don't need this while printing */
     display: none;
 }
diff --git a/css/ie.css b/css/ie.css
index d5eea23c27..c1a4bab005 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -70,17 +70,14 @@
 		border-top-right-radius: 0;
 		border-right-width: 0;
 	}
-	html[dir="rtl"] .navigation,
-	html[dir="rtl"] #top-print-link,
-	html[dir="rtl"] #top-github-link {
+	html[dir="rtl"] .topbar-button {
 		float: right;
 	}
-	.nav,
-	.print-link,
-	.github-link {
+	.topbar-button > * {
 		border-left: thin solid rgba( 134, 134, 134, .333 );
 	}
-	html[dir="rtl"] .nav i {
+	html[dir="rtl"] .topbar-prev i,
+	html[dir="rtl"] .topbar-next i {
 		transform: scaleX(1);
 	}
 	#toc-menu,
diff --git a/css/theme.css b/css/theme.css
index 47f8dacf6f..834a658966 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -980,40 +980,30 @@ td {
     height: 100%;
 }
 
-.navigation,
-#top-print-link,
-#top-github-link {
+.topbar-button {
     display: block;
     float: right;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
-html[dir="rtl"] .navigation,
-html[dir="rtl"] #top-print-link,
-html[dir="rtl"] #top-github-link {
+html[dir="rtl"] .topbar-button {
     float: left;
 }
 
-.nav,
-.print-link,
-.github-link {
+.topbar-button > * {
     border-inline-start: thin solid rgba( 134, 134, 134, .333 );
     padding-left: 1rem;
     padding-right: 1rem;
 }
-html[dir="rtl"] .nav i {
+html[dir="rtl"] .topbar-prev i,
+html[dir="rtl"] .topbar-next i {
     transform: scaleX(-1);
 }
-span.nav i{
+.topbar-button span i{
     color: rgba( 134, 134, 134, .333 );
 }
 
-.navigation,
-#top-print-link,
-#top-github-link {
-    position: relative;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
 #toc-menu{
     cursor: pointer;
 }
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 59246c31cc..00d0aec783 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../dev/maintaining/index.html" title="Maintaining (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../dev/index.html" title="Development (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../dev/contributing/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../dev/maintaining/index.html" title="Maintaining (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../dev/index.html" title="Development (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../dev/contributing/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -305,12 +309,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -468,13 +472,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index d54ffa653e..b29e463768 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 68883187ae..54f6bab094 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../dev/contributing/index.html" title="Contributing (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../shortcodes/tabs/index.html" title="Tabs (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../dev/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../dev/contributing/index.html" title="Contributing (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../shortcodes/tabs/index.html" title="Tabs (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../dev/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -185,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../js/search.js?1693948277" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,13 +352,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948277"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../js/theme.js?1693948277" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index d9a9ab4894..ded6c16100 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../js/url.js?1694470321"></script>
+    <script src="../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -459,8 +459,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-f71a431dcb6d080131023994a6d7a073" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f71a431dcb6d080131023994a6d7a073"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c8d1d7a8b9587e4ea40c823ff77e6706" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c8d1d7a8b9587e4ea40c823ff77e6706"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -489,11 +489,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-5ccdfcea2405802711ac73100564747b" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5ccdfcea2405802711ac73100564747b"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3603e0ea0b7654c2c2e5b8457694118c" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3603e0ea0b7654c2c2e5b8457694118c"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-49605cbb18f485fa803b480b81b0789f" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49605cbb18f485fa803b480b81b0789f"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28a2386a0e70592834289dfd6d0ff98a" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28a2386a0e70592834289dfd6d0ff98a"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -504,8 +504,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../js/theme.js?1693948278" defer></script>
+    <script src="../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 128f0d010b..88f0a042c5 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../dev/screenshots/index.html" title="Screenshots (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../dev/contributing/index.html" title="Contributing (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../dev/maintaining/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../dev/screenshots/index.html" title="Screenshots (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../dev/contributing/index.html" title="Contributing (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../dev/maintaining/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -392,12 +396,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -555,13 +559,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 8a728bf858..5926a6e3bf 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -277,8 +277,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index d81593ea87..0d9d467a4c 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../dev/maintaining/index.html" title="Maintaining (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../dev/screenshots/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../dev/maintaining/index.html" title="Maintaining (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../dev/screenshots/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -142,8 +146,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-f71a431dcb6d080131023994a6d7a073" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f71a431dcb6d080131023994a6d7a073"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c8d1d7a8b9587e4ea40c823ff77e6706" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c8d1d7a8b9587e4ea40c823ff77e6706"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -172,11 +176,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-5ccdfcea2405802711ac73100564747b" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5ccdfcea2405802711ac73100564747b"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3603e0ea0b7654c2c2e5b8457694118c" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3603e0ea0b7654c2c2e5b8457694118c"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-49605cbb18f485fa803b480b81b0789f" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49605cbb18f485fa803b480b81b0789f"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28a2386a0e70592834289dfd6d0ff98a" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28a2386a0e70592834289dfd6d0ff98a"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -264,12 +268,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -427,13 +431,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index e924bad909..865bbd7281 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -106,8 +106,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-f71a431dcb6d080131023994a6d7a073" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f71a431dcb6d080131023994a6d7a073"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c8d1d7a8b9587e4ea40c823ff77e6706" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c8d1d7a8b9587e4ea40c823ff77e6706"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -136,11 +136,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-5ccdfcea2405802711ac73100564747b" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5ccdfcea2405802711ac73100564747b"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3603e0ea0b7654c2c2e5b8457694118c" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3603e0ea0b7654c2c2e5b8457694118c"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-49605cbb18f485fa803b480b81b0789f" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49605cbb18f485fa803b480b81b0789f"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28a2386a0e70592834289dfd6d0ff98a" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28a2386a0e70592834289dfd6d0ff98a"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -150,8 +150,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index fc9dd8b2e7..6d89e96ac9 100644
--- a/index.html
+++ b/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="./css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="./css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1693948276" rel="stylesheet">
-    <link href="./css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1693948276" rel="stylesheet">
-    <link href="./css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1693948276" rel="stylesheet">
-    <script src="./js/url.js?1693948276"></script>
-    <script src="./js/variant.js?1693948276"></script>
+    <link href="./css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="./css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694470320" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694470320" rel="stylesheet">
+    <link href="./css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1694470320" rel="stylesheet">
+    <script src="./js/url.js?1694470320"></script>
+    <script src="./js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="./basics/index.html" title="Basics (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <span class="nav nav-prev topbar-link"><i class="fa fa-chevron-left fa-fw"></i></span>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="./index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="./basics/index.html" title="Basics (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="./index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -106,8 +110,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#image-bae5234d894fcb23614ffaf64e4b8b96" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bae5234d894fcb23614ffaf64e4b8b96"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7390b656888b6aa992ebaa18b73848fe" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7390b656888b6aa992ebaa18b73848fe"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -280,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1693948277" defer></script>
-        <script src="./js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="./js/search.js?1693948277" defer></script>
+        <script src="./js/auto-complete.js?1694470321" defer></script>
+        <script src="./js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="./js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -439,13 +443,13 @@
               }
             });
           </script>
-          <script async src="./js/github-buttons.js?1693948277"></script>
+          <script async src="./js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1693948277" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="./js/theme.js?1693948277" defer></script>
+    <script src="./js/clipboard.min.js?1694470321" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="./js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 00aeccac5b..5ca7922737 100644
--- a/index.print.html
+++ b/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="./css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="./css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1693948278" rel="stylesheet">
-    <link href="./css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1693948278" rel="stylesheet">
-    <link href="./css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1693948278" rel="stylesheet">
-    <link href="./css/ie.css?1693948278" rel="stylesheet">
-    <script src="./js/url.js?1693948278"></script>
-    <script src="./js/variant.js?1693948278"></script>
+    <link href="./css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="./css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694470321" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694470321" rel="stylesheet">
+    <link href="./css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1694470321" rel="stylesheet">
+    <link href="./css/ie.css?1694470321" rel="stylesheet">
+    <script src="./js/url.js?1694470321"></script>
+    <script src="./js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,8 +76,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#image-bae5234d894fcb23614ffaf64e4b8b96" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bae5234d894fcb23614ffaf64e4b8b96"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7390b656888b6aa992ebaa18b73848fe" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7390b656888b6aa992ebaa18b73848fe"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -935,8 +935,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-2bb98d3bc876e6cd9e22c96aa3bda291" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2bb98d3bc876e6cd9e22c96aa3bda291"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0f6ab07f85f218e1ae20827461d5a87b" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0f6ab07f85f218e1ae20827461d5a87b"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -979,8 +979,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-b95e8149451d4f99f484440d193896fb" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b95e8149451d4f99f484440d193896fb"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-53c9983273379c7def722f2af120a16f" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-53c9983273379c7def722f2af120a16f"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1134,8 +1134,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-2e10a5251899040ddd3873ca56faff83" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2e10a5251899040ddd3873ca56faff83"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-0e812ebf0addab88753496a41883fac7" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-0e812ebf0addab88753496a41883fac7"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1180,8 +1180,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-8a0e8b372d4781b3d39fea9f3a750bfc" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8a0e8b372d4781b3d39fea9f3a750bfc"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ccd2b7dd48fb50d49a89676ff549828" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ccd2b7dd48fb50d49a89676ff549828"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -1302,13 +1302,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-897a3ea0feb629666b3aabefe5b2521b" aria-controls="expandcontent-897a3ea0feb629666b3aabefe5b2521b" >
-    <label class="expand-label" for="expand-897a3ea0feb629666b3aabefe5b2521b" >
+    <input type="checkbox" id="expand-4043273595d2e2a745197c3c138fb2f3" aria-controls="expandcontent-4043273595d2e2a745197c3c138fb2f3" >
+    <label class="expand-label" for="expand-4043273595d2e2a745197c3c138fb2f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-897a3ea0feb629666b3aabefe5b2521b" class="expand-content">
+    <div id="expandcontent-4043273595d2e2a745197c3c138fb2f3" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -2682,8 +2682,8 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-bbec41f71ece72300a5768d81475cd56" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bbec41f71ece72300a5768d81475cd56"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-4d54d2a7e5e216520f5bc02b1d3160e0" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4d54d2a7e5e216520f5bc02b1d3160e0"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -2726,8 +2726,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-c66df87639c4fb98095d99f0897dad6f" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c66df87639c4fb98095d99f0897dad6f"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ce7176613a09a46e15fa714a541a33" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ce7176613a09a46e15fa714a541a33"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2737,8 +2737,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-8d98e27ea6c6d3da3a7cb1bca70b7842" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d98e27ea6c6d3da3a7cb1bca70b7842"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-aa2eecdfb960c6581377fd4b761431d8" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-aa2eecdfb960c6581377fd4b761431d8"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2750,8 +2750,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-6eecefbc4d6b848bc127026d0fd13e3c" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6eecefbc4d6b848bc127026d0fd13e3c"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dc529fbba0d81a69d7e9ac6505fbf286" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dc529fbba0d81a69d7e9ac6505fbf286"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -3322,8 +3322,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-7ad150a67a4ad655f6b2d84dfb65d5ff" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7ad150a67a4ad655f6b2d84dfb65d5ff"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5e2f0d5b9db71badecca849d92013eab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5e2f0d5b9db71badecca849d92013eab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -3333,8 +3333,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-6cfd2509c110f318e4895b1ff7bc55fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6cfd2509c110f318e4895b1ff7bc55fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d55596bdcea66ab2e6aaa5ec209dbf2c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d55596bdcea66ab2e6aaa5ec209dbf2c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3346,8 +3346,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-84f4390e789977ff5c9547411071b5f6" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84f4390e789977ff5c9547411071b5f6"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae751e9d5f5a0d41ad3bed976411f32b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae751e9d5f5a0d41ad3bed976411f32b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3359,8 +3359,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-09518590f4773a913d4b204b7c0c880c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-09518590f4773a913d4b204b7c0c880c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-361145c3e02fe4e3fdb098e56bc45f8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-361145c3e02fe4e3fdb098e56bc45f8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3368,8 +3368,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9f6acbb79ad56d3c4ec6d6b8396bcf1e" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9f6acbb79ad56d3c4ec6d6b8396bcf1e"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5262a3c24507bc429a2b1984b853f6d6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5262a3c24507bc429a2b1984b853f6d6"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3377,8 +3377,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4169c6dbfe79c02cf26d552da856bce2" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4169c6dbfe79c02cf26d552da856bce2"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b41c55dfc5a8027bd420fccdd133d27c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b41c55dfc5a8027bd420fccdd133d27c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3389,8 +3389,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b4d319aaf5ff9f8bfa83abad58ae9443" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b4d319aaf5ff9f8bfa83abad58ae9443"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-d1ebd153374867583e7e03014bf6c486" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1ebd153374867583e7e03014bf6c486"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3399,8 +3399,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-bb9c87ffb265daa04b6ab4bce13d24e5" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bb9c87ffb265daa04b6ab4bce13d24e5"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-ae07d4ab25ae09039e8a148c67a173c3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ae07d4ab25ae09039e8a148c67a173c3"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3409,8 +3409,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8f85d4fd88ed791ecfdceddde769e68b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8f85d4fd88ed791ecfdceddde769e68b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f60d498c4e8e99c6f07a94776d3f774f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f60d498c4e8e99c6f07a94776d3f774f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3419,8 +3419,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-3677ec2ce81eea35a8174aa9533c180b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3677ec2ce81eea35a8174aa9533c180b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-a7e4c7d2578647ab3dfa2671cfd48284" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a7e4c7d2578647ab3dfa2671cfd48284"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3432,14 +3432,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-892ec755d558189578041c59446de419" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-892ec755d558189578041c59446de419"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-a253055bbca83a498ac11d7fca51bcf6" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a253055bbca83a498ac11d7fca51bcf6"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-62b1a706df53f1954e80b7074c89360e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-62b1a706df53f1954e80b7074c89360e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-ae93684f271396dd8f1243124ec25bfa" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ae93684f271396dd8f1243124ec25bfa"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3ab8888e7143e5f1cfe680d6b3e337d7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3ab8888e7143e5f1cfe680d6b3e337d7"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f619626d79e20abe88190998d8a416a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f619626d79e20abe88190998d8a416a7"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-2fb133fbd86105088ae0dfa5e899a236" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2fb133fbd86105088ae0dfa5e899a236"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-d5fb0bd03e5f29b41e6c3b85cee19258" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d5fb0bd03e5f29b41e6c3b85cee19258"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -3448,8 +3448,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-acebe60711c4d23eb9a1d601040de60f" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-acebe60711c4d23eb9a1d601040de60f"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-f865377572e687a723058dd987fbc3bd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f865377572e687a723058dd987fbc3bd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3489,13 +3489,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="e96bedfc633d6b03b07827d61b07352e">
+<div class="tab-panel" data-tab-group="1c1b3f180795725f17632b4a296d0a70">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e96bedfc633d6b03b07827d61b07352e','configtoml')"
+      onclick="switchTab('1c1b3f180795725f17632b4a296d0a70','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3519,13 +3519,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="bb190b5cd4d6cf04be5de4fdbc82f0c5">
+<div class="tab-panel" data-tab-group="8b9ebc1f2a3f9c50d7df8f8aa5917a3f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bb190b5cd4d6cf04be5de4fdbc82f0c5','frontmatter')"
+      onclick="switchTab('8b9ebc1f2a3f9c50d7df8f8aa5917a3f','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -3548,13 +3548,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2dfdfe5e8c21229f430537e8b119312c">
+<div class="tab-panel" data-tab-group="5dfdae225eeaddbb6464914eab1f7e32">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2dfdfe5e8c21229f430537e8b119312c','url')"
+      onclick="switchTab('5dfdae225eeaddbb6464914eab1f7e32','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -3574,13 +3574,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="23c044e7b08f52b3a70f3fe7990b36b5">
+<div class="tab-panel" data-tab-group="f8d014312bd3f9f6ca71e76c55c78cda">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('23c044e7b08f52b3a70f3fe7990b36b5','result')"
+      onclick="switchTab('f8d014312bd3f9f6ca71e76c55c78cda','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -3603,13 +3603,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d888bd8be867d6cc2dfed708df450726">
+<div class="tab-panel" data-tab-group="50f7b77b08ee91f772d4214fa4398ee5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d888bd8be867d6cc2dfed708df450726','html')"
+      onclick="switchTab('50f7b77b08ee91f772d4214fa4398ee5','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -3786,8 +3786,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-997c0bed2d1f4f39d3417e8cd24a915d" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-997c0bed2d1f4f39d3417e8cd24a915d"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b6469a7653611754777b7a4055100cb6" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b6469a7653611754777b7a4055100cb6"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -5178,13 +5178,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-1db38c0cab37bfe66235a4511c99e82f" aria-controls="expandcontent-1db38c0cab37bfe66235a4511c99e82f" >
-    <label class="expand-label" for="expand-1db38c0cab37bfe66235a4511c99e82f" >
+    <input type="checkbox" id="expand-b356e4f11db127c424a38c437fef75ca" aria-controls="expandcontent-b356e4f11db127c424a38c437fef75ca" >
+    <label class="expand-label" for="expand-b356e4f11db127c424a38c437fef75ca" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-1db38c0cab37bfe66235a4511c99e82f" class="expand-content">
+    <div id="expandcontent-b356e4f11db127c424a38c437fef75ca" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -5311,26 +5311,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-444296a28b413e212b33a138d38f8c97" aria-controls="expandcontent-444296a28b413e212b33a138d38f8c97" >
-    <label class="expand-label" for="expand-444296a28b413e212b33a138d38f8c97" >
+    <input type="checkbox" id="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" aria-controls="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
+    <label class="expand-label" for="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-444296a28b413e212b33a138d38f8c97" class="expand-content">
+    <div id="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a97e052e68a1292d1129a0e767675f9c" aria-controls="expandcontent-a97e052e68a1292d1129a0e767675f9c"  checked>
-    <label class="expand-label" for="expand-a97e052e68a1292d1129a0e767675f9c" >
+    <input type="checkbox" id="expand-1a8b57f44532061adf71207e6f8a38b3" aria-controls="expandcontent-1a8b57f44532061adf71207e6f8a38b3"  checked>
+    <label class="expand-label" for="expand-1a8b57f44532061adf71207e6f8a38b3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a97e052e68a1292d1129a0e767675f9c" class="expand-content">
+    <div id="expandcontent-1a8b57f44532061adf71207e6f8a38b3" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5351,13 +5351,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-962be3ff2a57ab421aea946a36eaa0af" aria-controls="expandcontent-962be3ff2a57ab421aea946a36eaa0af" >
-    <label class="expand-label" for="expand-962be3ff2a57ab421aea946a36eaa0af" >
+    <input type="checkbox" id="expand-8261014625f7cffb516492dae7d36524" aria-controls="expandcontent-8261014625f7cffb516492dae7d36524" >
+    <label class="expand-label" for="expand-8261014625f7cffb516492dae7d36524" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-962be3ff2a57ab421aea946a36eaa0af" class="expand-content">
+    <div id="expandcontent-8261014625f7cffb516492dae7d36524" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5386,13 +5386,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="7348f4e567d7bcddde1ea524c656604f">
+<div class="tab-panel" data-tab-group="372dfbee8092f30ca4752a62efe250f8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7348f4e567d7bcddde1ea524c656604f','python')"
+      onclick="switchTab('372dfbee8092f30ca4752a62efe250f8','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -5615,13 +5615,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="8f015d94252305a7b0bb8c9a6f1c308f">
+<div class="tab-panel" data-tab-group="ceb0b8ae3a55bde5f714a697bc6dc18b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('8f015d94252305a7b0bb8c9a6f1c308f','python')"
+      onclick="switchTab('ceb0b8ae3a55bde5f714a697bc6dc18b','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -7160,7 +7160,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-fe130ec4a502a7c3591f6f03c36b3edc"
+    id="openapi-420620ab670905090217429ba396351b"
     openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7266,13 +7266,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="72c9de7435ee0da2aeb16248edcba683">
+<div class="tab-panel" data-tab-group="2d96f84c3b68449d048c44b37173411a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('72c9de7435ee0da2aeb16248edcba683','configtoml')"
+      onclick="switchTab('2d96f84c3b68449d048c44b37173411a','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7308,13 +7308,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="a2a2aa5cbd280877c210f1403c068651">
+<div class="tab-panel" data-tab-group="562b8b07ff8552d9db8b8de29cde3c5d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a2a2aa5cbd280877c210f1403c068651','c')"
+      onclick="switchTab('562b8b07ff8552d9db8b8de29cde3c5d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7428,13 +7428,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="d4c05e1214c31bbfe306bbbfdad8b8a0">
+<div class="tab-panel" data-tab-group="90825bf91963e6c1c4a076168d57e87e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c05e1214c31bbfe306bbbfdad8b8a0','code')"
+      onclick="switchTab('90825bf91963e6c1c4a076168d57e87e','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7459,13 +7459,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1bbc4062d28c7e0cf3fc40b67d49582e">
+<div class="tab-panel" data-tab-group="ea48138aa786252671059c2ea509cb19">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1bbc4062d28c7e0cf3fc40b67d49582e','emstrongmixedstrongem')"
+      onclick="switchTab('ea48138aa786252671059c2ea509cb19','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7513,13 +7513,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="b7f59354024b2184ba6c9b4084520165">
+<div class="tab-panel" data-tab-group="d64c94905282ea440d30df9368ee770e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-colored-style')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7529,7 +7529,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7539,7 +7539,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','default-style-and-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -7549,7 +7549,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -7559,7 +7559,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -7630,13 +7630,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="90f3b844b20030fb905e493683ae4099">
+<div class="tab-panel" data-tab-group="2898d865c6505f172a7bba9ab26fd4fe">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','py')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7646,7 +7646,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','sh')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7656,7 +7656,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','c')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7813,13 +7813,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="7b0994fca74ef6ab2d5541ea807e9467">
+<div class="tab-panel" data-tab-group="ad778c613c7c9c5fb95558bebbf1a05e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-1')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7829,7 +7829,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-2')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7839,7 +7839,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-b')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8239,8 +8239,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1693948278" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1693948278" defer></script>
+    <script src="./js/clipboard.min.js?1694470322" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1694470322" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8269,27 +8269,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1693948278"></script>
-    <script src="./js/d3/d3-color.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1693948278" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1693948278" defer></script>
-    <script src="./js/js-yaml.min.js?1693948278" defer></script>
-    <script src="./js/mermaid.min.js?1693948278" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1694470322"></script>
+    <script src="./js/d3/d3-color.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1694470322" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1694470322" defer></script>
+    <script src="./js/js-yaml.min.js?1694470322" defer></script>
+    <script src="./js/mermaid.min.js?1694470322" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1693948278" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1693948278" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1694470322" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1694470322" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948278", assetsBuster:  1693948278  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470322", assetsBuster:  1694470322  };
     </script>
-    <script src="./js/theme.js?1693948278" defer></script>
+    <script src="./js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/js/theme.js b/js/theme.js
index ca0f61a90a..a17927237d 100644
--- a/js/theme.js
+++ b/js/theme.js
@@ -644,9 +644,9 @@ function initArrowNav(){
     }
 
     // button navigation
-    var prev = document.querySelector( 'a.nav-prev' );
+    var prev = document.querySelector( '.topbar-prev a' );
     prev && prev.addEventListener( 'click', navPrev );
-    var next = document.querySelector( 'a.nav-next' );
+    var next = document.querySelector( '.topbar-next a' );
     next && next.addEventListener( 'click', navNext );
 
     // keyboard navigation
@@ -906,26 +906,26 @@ function showToc(){
 }
 
 function showEdit(){
-    var l = document.querySelector( '#top-github-link a' );
+    var l = document.querySelector( '.topbar-edit a' );
     if( l ){
         l.click();
     }
 }
 
 function showPrint(){
-    var l = document.querySelector( '#top-print-link a' );
+    var l = document.querySelector( '.topbar-print a' );
     if( l ){
         l.click();
     }
 }
 
 function navPrev(){
-    var e = document.querySelector( 'a.nav-prev' );
+    var e = document.querySelector( '.topbar-prev a' );
     location.href = e && e.getAttribute( 'href' );
 };
 
 function navNext(){
-    var e = document.querySelector( 'a.nav-next' );
+    var e = document.querySelector( '.topbar-next a' );
     location.href = e && e.getAttribute( 'href' );
 };
 
@@ -1116,7 +1116,7 @@ function scrollToPositions() {
 
 function mark() {
 	// mark some additional stuff as searchable
-	var topbarLinks = document.querySelectorAll( '#topbar a:not(.topbar-link):not(.btn)' );
+	var topbarLinks = document.querySelectorAll( '#topbar :not(.topbar-button) a' );
 	for( var i = 0; i < topbarLinks.length; i++ ){
 		topbarLinks[i].classList.add( 'highlight' );
 	}
diff --git a/more/credits/index.html b/more/credits/index.html
index 0f330fc0f4..8f72acef3a 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../more/credits/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../more/credits/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -245,12 +249,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -404,13 +408,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index c0b62cf574..d33bada740 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,8 +139,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index b0585edaf9..75a0d085c6 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../js/url.js?1694470322"></script>
+    <script src="../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 2f4abdc939..859e05b86f 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/installation/index.html" title="Installat&#39;n (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/configuration/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/installation/index.html" title="Installat&#39;n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/configuration/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -236,8 +240,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-47d1b678e518b817f05703f3458fbbe3" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-47d1b678e518b817f05703f3458fbbe3"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3f6bcc28116c746dcfac2314a61c4c13" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3f6bcc28116c746dcfac2314a61c4c13"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -282,8 +286,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-470e93f02809ed13352b3722fd9a7cba" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-470e93f02809ed13352b3722fd9a7cba"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-73caf91b07947a8e27f169c4f9100df3" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-73caf91b07947a8e27f169c4f9100df3"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -372,12 +376,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -531,13 +535,13 @@ default values:</p>
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 9db94f0b3d..c045088c65 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -192,8 +192,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-47d1b678e518b817f05703f3458fbbe3" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-47d1b678e518b817f05703f3458fbbe3"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3f6bcc28116c746dcfac2314a61c4c13" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3f6bcc28116c746dcfac2314a61c4c13"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -238,8 +238,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-470e93f02809ed13352b3722fd9a7cba" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-470e93f02809ed13352b3722fd9a7cba"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-73caf91b07947a8e27f169c4f9100df3" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-73caf91b07947a8e27f169c4f9100df3"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -250,8 +250,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 2684c7c378..362edd18a6 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/customization/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/customization/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -296,12 +300,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -455,13 +459,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 7c90f98190..82205bcda7 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -182,8 +182,8 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index d5be78486b..cab66b47c1 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/basics/history/index.html" title="Historrry (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/generator/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/basics/history/index.html" title="Historrry (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/generator/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -95,13 +99,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-9a4878b11a25f3576a741623af844609" aria-controls="expandcontent-9a4878b11a25f3576a741623af844609" >
-    <label class="expand-label" for="expand-9a4878b11a25f3576a741623af844609" >
+    <input type="checkbox" id="expand-9c230a02e758dbd89157baa7f577d1f3" aria-controls="expandcontent-9c230a02e758dbd89157baa7f577d1f3" >
+    <label class="expand-label" for="expand-9c230a02e758dbd89157baa7f577d1f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-9a4878b11a25f3576a741623af844609" class="expand-content">
+    <div id="expandcontent-9c230a02e758dbd89157baa7f577d1f3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -234,12 +238,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -393,27 +397,27 @@ window.variants && variants.generator( '#vargenerator' );
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1693948280" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1693948280" defer></script>
-    <script src="../../../js/js-yaml.min.js?1693948280" defer></script>
-    <script src="../../../js/mermaid.min.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694470323" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694470323" defer></script>
+    <script src="../../../js/mermaid.min.js?1694470323" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 736fe4d518..8d925c2e08 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,13 +80,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-9a4878b11a25f3576a741623af844609" aria-controls="expandcontent-9a4878b11a25f3576a741623af844609" >
-    <label class="expand-label" for="expand-9a4878b11a25f3576a741623af844609" >
+    <input type="checkbox" id="expand-9c230a02e758dbd89157baa7f577d1f3" aria-controls="expandcontent-9c230a02e758dbd89157baa7f577d1f3" >
+    <label class="expand-label" for="expand-9c230a02e758dbd89157baa7f577d1f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-9a4878b11a25f3576a741623af844609" class="expand-content">
+    <div id="expandcontent-9c230a02e758dbd89157baa7f577d1f3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -141,22 +141,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1693948281" defer></script>
-    <script src="../../../js/js-yaml.min.js?1693948281" defer></script>
-    <script src="../../../js/mermaid.min.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694470324" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694470324" defer></script>
+    <script src="../../../js/mermaid.min.js?1694470324" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index e53a01498b..abf76c1a48 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/index.html" title="Rambl&#39;n (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/history/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/index.html" title="Rambl&#39;n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/history/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -2073,12 +2077,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -2232,13 +2236,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index b9d75195e9..9ba972e9f5 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1304,8 +1304,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index a8349c9504..6370ed08a7 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../pir/basics/migration/index.html" title="What&#39;s New (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../pir/basics/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../pir/basics/migration/index.html" title="What&#39;s New (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../pir/basics/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -181,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../js/search.js?1693948279" defer></script>
+        <script src="../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -340,13 +344,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../js/theme.js?1693948279" defer></script>
+    <script src="../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 3c76d7c7e1..dadb942106 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../js/url.js?1693948281"></script>
-    <script src="../../js/variant.js?1693948281"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../js/url.js?1694470324"></script>
+    <script src="../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -846,8 +846,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-23c70896ecc1758f4e703d8223a65b9e" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-23c70896ecc1758f4e703d8223a65b9e"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e008c35c2e776ee52e3fecd22a30c008" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e008c35c2e776ee52e3fecd22a30c008"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -892,8 +892,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-4c47c5b3fb2c5f9ba0ff9ff500cd7095" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4c47c5b3fb2c5f9ba0ff9ff500cd7095"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-afe5af06420917ecab95463704d8156a" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-afe5af06420917ecab95463704d8156a"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1049,8 +1049,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-47d1b678e518b817f05703f3458fbbe3" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-47d1b678e518b817f05703f3458fbbe3"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3f6bcc28116c746dcfac2314a61c4c13" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3f6bcc28116c746dcfac2314a61c4c13"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1095,8 +1095,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-470e93f02809ed13352b3722fd9a7cba" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-470e93f02809ed13352b3722fd9a7cba"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-73caf91b07947a8e27f169c4f9100df3" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-73caf91b07947a8e27f169c4f9100df3"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1221,13 +1221,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-9a4878b11a25f3576a741623af844609" aria-controls="expandcontent-9a4878b11a25f3576a741623af844609" >
-    <label class="expand-label" for="expand-9a4878b11a25f3576a741623af844609" >
+    <input type="checkbox" id="expand-9c230a02e758dbd89157baa7f577d1f3" aria-controls="expandcontent-9c230a02e758dbd89157baa7f577d1f3" >
+    <label class="expand-label" for="expand-9c230a02e758dbd89157baa7f577d1f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-9a4878b11a25f3576a741623af844609" class="expand-content">
+    <div id="expandcontent-9c230a02e758dbd89157baa7f577d1f3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -2513,22 +2513,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1693948281" defer></script>
-    <script src="../../js/js-yaml.min.js?1693948281" defer></script>
-    <script src="../../js/mermaid.min.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694470324" defer></script>
+    <script src="../../js/js-yaml.min.js?1694470324" defer></script>
+    <script src="../../js/mermaid.min.js?1694470324" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 2b83a29f4a..ff9ce06a8f 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/requirements/index.html" title="Requirrrements (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/installation/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/requirements/index.html" title="Requirrrements (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/installation/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -141,8 +145,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-4c47c5b3fb2c5f9ba0ff9ff500cd7095" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4c47c5b3fb2c5f9ba0ff9ff500cd7095"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-afe5af06420917ecab95463704d8156a" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-afe5af06420917ecab95463704d8156a"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -258,12 +262,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -417,13 +421,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 4ebc49d33d..9f69bcef87 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -106,8 +106,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-4c47c5b3fb2c5f9ba0ff9ff500cd7095" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4c47c5b3fb2c5f9ba0ff9ff500cd7095"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-afe5af06420917ecab95463704d8156a" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-afe5af06420917ecab95463704d8156a"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -145,8 +145,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index f82e15c6fe..165a1fc33f 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/basics/requirements/index.html" title="Requirrrements (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/index.html" title="Basics (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/migration/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/basics/requirements/index.html" title="Requirrrements (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/index.html" title="Basics (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/migration/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -970,12 +974,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1129,13 +1133,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index f6091242cf..395800df90 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -825,8 +825,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index a8d1d2fe3e..08391c759f 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/basics/installation/index.html" title="Installat&#39;n (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/basics/migration/index.html" title="What&#39;s New (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/requirements/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/basics/installation/index.html" title="Installat&#39;n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/basics/migration/index.html" title="What&#39;s New (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/basics/requirements/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -94,8 +98,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-23c70896ecc1758f4e703d8223a65b9e" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-23c70896ecc1758f4e703d8223a65b9e"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e008c35c2e776ee52e3fecd22a30c008" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e008c35c2e776ee52e3fecd22a30c008"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -186,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -345,13 +349,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index a74f07f44b..5f163256ef 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,8 +79,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-23c70896ecc1758f4e703d8223a65b9e" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-23c70896ecc1758f4e703d8223a65b9e"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e008c35c2e776ee52e3fecd22a30c008" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e008c35c2e776ee52e3fecd22a30c008"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index 899dc317a6..c1ae66f601 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index dcbb5b2910..7c920a2d9c 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 0eae6bea32..fcf69c5fb0 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 5585bd401a..3bdf598cbb 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -189,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../js/search.js?1693948281" defer></script>
+        <script src="../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,13 +352,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index a48f2b314c..58e124f459 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index 6678f1736f..63d449352f 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -168,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -327,13 +331,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 4c9ecf774c..9ccaf5b383 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/archetypes/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/archetypes/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -119,8 +123,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-00fac487bbc1784853b6b40b4042541a" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-00fac487bbc1784853b6b40b4042541a"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e58ebae046997c81f8d4b60e008a76ae" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e58ebae046997c81f8d4b60e008a76ae"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -130,8 +134,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-cf390a0bb0fe625bbd1f06506ad6994a" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cf390a0bb0fe625bbd1f06506ad6994a"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7172fbd627e292dc59deee86b4fdeecf" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7172fbd627e292dc59deee86b4fdeecf"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -143,8 +147,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-84572bb9c74064ea8513c669f93a6ac2" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84572bb9c74064ea8513c669f93a6ac2"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-23292f7e4f9bf75c6c6af01f0dff9ea7" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-23292f7e4f9bf75c6c6af01f0dff9ea7"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -275,12 +279,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -434,13 +438,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 4737681673..7511074912 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="canonical" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -82,8 +82,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-00fac487bbc1784853b6b40b4042541a" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-00fac487bbc1784853b6b40b4042541a"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e58ebae046997c81f8d4b60e008a76ae" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e58ebae046997c81f8d4b60e008a76ae"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -93,8 +93,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-cf390a0bb0fe625bbd1f06506ad6994a" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cf390a0bb0fe625bbd1f06506ad6994a"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7172fbd627e292dc59deee86b4fdeecf" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7172fbd627e292dc59deee86b4fdeecf"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -106,8 +106,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-84572bb9c74064ea8513c669f93a6ac2" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84572bb9c74064ea8513c669f93a6ac2"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-23292f7e4f9bf75c6c6af01f0dff9ea7" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-23292f7e4f9bf75c6c6af01f0dff9ea7"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -160,8 +160,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index a6639d65a9..e55cf684b3 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/taxonomy/index.html" title="Taxonomy (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/i18n/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/taxonomy/index.html" title="Taxonomy (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/i18n/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -116,8 +120,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-84003ce6c470219c23d71c0ac044df3b" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84003ce6c470219c23d71c0ac044df3b"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4c4957a0157ac84d7297cd4f0c817703" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4c4957a0157ac84d7297cd4f0c817703"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -296,12 +300,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -455,13 +459,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 2a274c5343..d560ab28cf 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-84003ce6c470219c23d71c0ac044df3b" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84003ce6c470219c23d71c0ac044df3b"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4c4957a0157ac84d7297cd4f0c817703" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4c4957a0157ac84d7297cd4f0c817703"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -186,8 +186,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 874b71268e..33634597fe 100644
--- a/pir/cont/imageeffects/index.html
+++ b/pir/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/imageeffects/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/imageeffects/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -109,13 +113,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="c2da2665c9df0b00d3fdf244e70972d8">
+<div class="tab-panel" data-tab-group="1f134e052ff100c6434d9531e2058b2f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c2da2665c9df0b00d3fdf244e70972d8','configtoml')"
+      onclick="switchTab('1f134e052ff100c6434d9531e2058b2f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -139,13 +143,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="c469ac54ace94be689fd5c1fbf74438b">
+<div class="tab-panel" data-tab-group="ac86ee03d218abdb3cd9d5c1716b1cd4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c469ac54ace94be689fd5c1fbf74438b','frontmatter')"
+      onclick="switchTab('ac86ee03d218abdb3cd9d5c1716b1cd4','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -168,13 +172,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="885987f7a1d3301e846b62dda4868730">
+<div class="tab-panel" data-tab-group="51714adcb1b22572f288f4df9a81c470">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('885987f7a1d3301e846b62dda4868730','url')"
+      onclick="switchTab('51714adcb1b22572f288f4df9a81c470','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -194,13 +198,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="f2adb9eb19d2e547d9e75d4df0c56668">
+<div class="tab-panel" data-tab-group="3ddecf96b90ea11fd6b7479a15e71345">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f2adb9eb19d2e547d9e75d4df0c56668','result')"
+      onclick="switchTab('3ddecf96b90ea11fd6b7479a15e71345','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -223,13 +227,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d4c41ec98371fbd129958b604a0b9c19">
+<div class="tab-panel" data-tab-group="cd22d98d2f8724d886a2b8eb9850e8dd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c41ec98371fbd129958b604a0b9c19','html')"
+      onclick="switchTab('cd22d98d2f8724d886a2b8eb9850e8dd','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -344,12 +348,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../../js/search.js?1693948278" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -503,13 +507,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index bfaca704c7..5098c36abd 100644
--- a/pir/cont/imageeffects/index.print.html
+++ b/pir/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,13 +84,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="c2da2665c9df0b00d3fdf244e70972d8">
+<div class="tab-panel" data-tab-group="1f134e052ff100c6434d9531e2058b2f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c2da2665c9df0b00d3fdf244e70972d8','configtoml')"
+      onclick="switchTab('1f134e052ff100c6434d9531e2058b2f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -114,13 +114,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="c469ac54ace94be689fd5c1fbf74438b">
+<div class="tab-panel" data-tab-group="ac86ee03d218abdb3cd9d5c1716b1cd4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c469ac54ace94be689fd5c1fbf74438b','frontmatter')"
+      onclick="switchTab('ac86ee03d218abdb3cd9d5c1716b1cd4','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -143,13 +143,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="885987f7a1d3301e846b62dda4868730">
+<div class="tab-panel" data-tab-group="51714adcb1b22572f288f4df9a81c470">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('885987f7a1d3301e846b62dda4868730','url')"
+      onclick="switchTab('51714adcb1b22572f288f4df9a81c470','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -169,13 +169,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="f2adb9eb19d2e547d9e75d4df0c56668">
+<div class="tab-panel" data-tab-group="3ddecf96b90ea11fd6b7479a15e71345">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f2adb9eb19d2e547d9e75d4df0c56668','result')"
+      onclick="switchTab('3ddecf96b90ea11fd6b7479a15e71345','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -198,13 +198,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d4c41ec98371fbd129958b604a0b9c19">
+<div class="tab-panel" data-tab-group="cd22d98d2f8724d886a2b8eb9850e8dd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c41ec98371fbd129958b604a0b9c19','html')"
+      onclick="switchTab('cd22d98d2f8724d886a2b8eb9850e8dd','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -241,8 +241,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 7d54f8fbb5..12751f9fc0 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.print.html" rel="alternate" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/basics/history/index.html" title="Historrry (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../pir/cont/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/basics/history/index.html" title="Historrry (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../pir/cont/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -181,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../js/search.js?1693948280" defer></script>
+        <script src="../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -340,13 +344,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../js/theme.js?1693948280" defer></script>
+    <script src="../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index ce0aefdedc..e081bfb80f 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="canonical" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../js/url.js?1693948281"></script>
-    <script src="../../js/variant.js?1693948281"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../js/url.js?1694470324"></script>
+    <script src="../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -167,8 +167,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-d7da675f7f3609b0040b9be8c8675302" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d7da675f7f3609b0040b9be8c8675302"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-466b1e2d98db9fd9cbc5e55b0f21e215" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-466b1e2d98db9fd9cbc5e55b0f21e215"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -213,8 +213,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-00fac487bbc1784853b6b40b4042541a" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-00fac487bbc1784853b6b40b4042541a"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e58ebae046997c81f8d4b60e008a76ae" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e58ebae046997c81f8d4b60e008a76ae"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -224,8 +224,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-cf390a0bb0fe625bbd1f06506ad6994a" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cf390a0bb0fe625bbd1f06506ad6994a"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7172fbd627e292dc59deee86b4fdeecf" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7172fbd627e292dc59deee86b4fdeecf"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -237,8 +237,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-84572bb9c74064ea8513c669f93a6ac2" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84572bb9c74064ea8513c669f93a6ac2"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-23292f7e4f9bf75c6c6af01f0dff9ea7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-23292f7e4f9bf75c6c6af01f0dff9ea7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -811,8 +811,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fe8c44cd16c99877e5d785064b8830ad" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fe8c44cd16c99877e5d785064b8830ad"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5a52c6f26c43a67a52480a32518400e5" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5a52c6f26c43a67a52480a32518400e5"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -822,8 +822,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-5e316a9b486826dccba4b71ba4ed7396" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5e316a9b486826dccba4b71ba4ed7396"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6141040b9b77df158417a547687c5c1d" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6141040b9b77df158417a547687c5c1d"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -835,8 +835,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-425ca567fa805937a79c077009b79316" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-425ca567fa805937a79c077009b79316"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f02dc0def60a1a6ed7ac60e4c1e3b720" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f02dc0def60a1a6ed7ac60e4c1e3b720"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -848,8 +848,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-457dd77ace2c5305c39a86f26ae803ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-457dd77ace2c5305c39a86f26ae803ec"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-21d26688183f5c2e4ace551aa181c345" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-21d26688183f5c2e4ace551aa181c345"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -857,8 +857,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a83312e2cab503ccaae11cd2def21894" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a83312e2cab503ccaae11cd2def21894"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ee9f115401eeb711130af87be57e2a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ee9f115401eeb711130af87be57e2a"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -866,8 +866,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9ee85fb4b02a0c63c3819eb3a92b0a11" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9ee85fb4b02a0c63c3819eb3a92b0a11"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-001b18190778d9b01027c986f764a49c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-001b18190778d9b01027c986f764a49c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -878,8 +878,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8dc0c5d7e00a5a52bec1255c87476f30" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8dc0c5d7e00a5a52bec1255c87476f30"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-326a4dfd080f471df4432782a9753501" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-326a4dfd080f471df4432782a9753501"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -888,8 +888,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-01a11f0f0e35399e5db696db3c34e48c" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-01a11f0f0e35399e5db696db3c34e48c"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-d9efa2f9ab857c10924063a379ec0825" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d9efa2f9ab857c10924063a379ec0825"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -898,8 +898,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f3530f606be6f229920fb99918cce0bd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f3530f606be6f229920fb99918cce0bd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f0abe06a42d1998e4dbbedff7d81fa66" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f0abe06a42d1998e4dbbedff7d81fa66"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -908,8 +908,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1a0a6a3337889930d1e76c2fbd32abc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1a0a6a3337889930d1e76c2fbd32abc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3b4efc42857a323ee4bf83916519f2d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3b4efc42857a323ee4bf83916519f2d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -921,14 +921,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8aec161d748f5c9f912c3f5a25f00637" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8aec161d748f5c9f912c3f5a25f00637"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-8513d767e61b0228fd2d3774b98679d0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8513d767e61b0228fd2d3774b98679d0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-5efab34376e2cc7be68873717284b483" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5efab34376e2cc7be68873717284b483"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-3074090fe795a607c932ea06f0bb39ed" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3074090fe795a607c932ea06f0bb39ed"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-eb9fead2c4f9c5bae673c2d799cd24f0" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-eb9fead2c4f9c5bae673c2d799cd24f0"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-b317fccfef9752aa931a9f857ce3f950" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b317fccfef9752aa931a9f857ce3f950"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-576addf1137063fa0a1961413bff8edd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-576addf1137063fa0a1961413bff8edd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-8959f4db6ff743e566cab1704c640301" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8959f4db6ff743e566cab1704c640301"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -937,8 +937,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-aa257dac91e297307a7db59f62eabc9a" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-aa257dac91e297307a7db59f62eabc9a"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-416440f108878989ac76f860d0109d7e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-416440f108878989ac76f860d0109d7e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -980,13 +980,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="c2da2665c9df0b00d3fdf244e70972d8">
+<div class="tab-panel" data-tab-group="1f134e052ff100c6434d9531e2058b2f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c2da2665c9df0b00d3fdf244e70972d8','configtoml')"
+      onclick="switchTab('1f134e052ff100c6434d9531e2058b2f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -1010,13 +1010,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="c469ac54ace94be689fd5c1fbf74438b">
+<div class="tab-panel" data-tab-group="ac86ee03d218abdb3cd9d5c1716b1cd4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c469ac54ace94be689fd5c1fbf74438b','frontmatter')"
+      onclick="switchTab('ac86ee03d218abdb3cd9d5c1716b1cd4','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -1039,13 +1039,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="885987f7a1d3301e846b62dda4868730">
+<div class="tab-panel" data-tab-group="51714adcb1b22572f288f4df9a81c470">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('885987f7a1d3301e846b62dda4868730','url')"
+      onclick="switchTab('51714adcb1b22572f288f4df9a81c470','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -1065,13 +1065,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="f2adb9eb19d2e547d9e75d4df0c56668">
+<div class="tab-panel" data-tab-group="3ddecf96b90ea11fd6b7479a15e71345">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f2adb9eb19d2e547d9e75d4df0c56668','result')"
+      onclick="switchTab('3ddecf96b90ea11fd6b7479a15e71345','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -1094,13 +1094,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d4c41ec98371fbd129958b604a0b9c19">
+<div class="tab-panel" data-tab-group="cd22d98d2f8724d886a2b8eb9850e8dd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c41ec98371fbd129958b604a0b9c19','html')"
+      onclick="switchTab('cd22d98d2f8724d886a2b8eb9850e8dd','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -1281,8 +1281,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-84003ce6c470219c23d71c0ac044df3b" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84003ce6c470219c23d71c0ac044df3b"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4c4957a0157ac84d7297cd4f0c817703" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4c4957a0157ac84d7297cd4f0c817703"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1422,8 +1422,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index ba60c72627..10501f27da 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.print.html" rel="alternate" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/imageeffects/index.html" title="Image Effects (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/markdown/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/imageeffects/index.html" title="Image Effects (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/markdown/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -667,8 +671,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fe8c44cd16c99877e5d785064b8830ad" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fe8c44cd16c99877e5d785064b8830ad"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5a52c6f26c43a67a52480a32518400e5" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5a52c6f26c43a67a52480a32518400e5"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -678,8 +682,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-5e316a9b486826dccba4b71ba4ed7396" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5e316a9b486826dccba4b71ba4ed7396"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6141040b9b77df158417a547687c5c1d" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6141040b9b77df158417a547687c5c1d"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -691,8 +695,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-425ca567fa805937a79c077009b79316" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-425ca567fa805937a79c077009b79316"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f02dc0def60a1a6ed7ac60e4c1e3b720" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f02dc0def60a1a6ed7ac60e4c1e3b720"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -704,8 +708,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-457dd77ace2c5305c39a86f26ae803ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-457dd77ace2c5305c39a86f26ae803ec"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-21d26688183f5c2e4ace551aa181c345" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-21d26688183f5c2e4ace551aa181c345"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -713,8 +717,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a83312e2cab503ccaae11cd2def21894" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a83312e2cab503ccaae11cd2def21894"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ee9f115401eeb711130af87be57e2a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ee9f115401eeb711130af87be57e2a"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -722,8 +726,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9ee85fb4b02a0c63c3819eb3a92b0a11" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9ee85fb4b02a0c63c3819eb3a92b0a11"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-001b18190778d9b01027c986f764a49c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-001b18190778d9b01027c986f764a49c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -734,8 +738,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8dc0c5d7e00a5a52bec1255c87476f30" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8dc0c5d7e00a5a52bec1255c87476f30"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-326a4dfd080f471df4432782a9753501" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-326a4dfd080f471df4432782a9753501"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -744,8 +748,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-01a11f0f0e35399e5db696db3c34e48c" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-01a11f0f0e35399e5db696db3c34e48c"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-d9efa2f9ab857c10924063a379ec0825" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d9efa2f9ab857c10924063a379ec0825"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -754,8 +758,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f3530f606be6f229920fb99918cce0bd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f3530f606be6f229920fb99918cce0bd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f0abe06a42d1998e4dbbedff7d81fa66" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f0abe06a42d1998e4dbbedff7d81fa66"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -764,8 +768,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1a0a6a3337889930d1e76c2fbd32abc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1a0a6a3337889930d1e76c2fbd32abc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3b4efc42857a323ee4bf83916519f2d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3b4efc42857a323ee4bf83916519f2d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -777,14 +781,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8aec161d748f5c9f912c3f5a25f00637" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8aec161d748f5c9f912c3f5a25f00637"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-8513d767e61b0228fd2d3774b98679d0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8513d767e61b0228fd2d3774b98679d0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-5efab34376e2cc7be68873717284b483" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5efab34376e2cc7be68873717284b483"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-3074090fe795a607c932ea06f0bb39ed" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3074090fe795a607c932ea06f0bb39ed"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-eb9fead2c4f9c5bae673c2d799cd24f0" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-eb9fead2c4f9c5bae673c2d799cd24f0"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-b317fccfef9752aa931a9f857ce3f950" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b317fccfef9752aa931a9f857ce3f950"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-576addf1137063fa0a1961413bff8edd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-576addf1137063fa0a1961413bff8edd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-8959f4db6ff743e566cab1704c640301" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8959f4db6ff743e566cab1704c640301"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -793,8 +797,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-aa257dac91e297307a7db59f62eabc9a" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-aa257dac91e297307a7db59f62eabc9a"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-416440f108878989ac76f860d0109d7e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-416440f108878989ac76f860d0109d7e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -904,12 +908,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../../js/search.js?1693948278" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1063,13 +1067,13 @@ line 3 o' code
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 6b1ee6f632..ee79d351ba 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="canonical" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -594,8 +594,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fe8c44cd16c99877e5d785064b8830ad" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fe8c44cd16c99877e5d785064b8830ad"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5a52c6f26c43a67a52480a32518400e5" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5a52c6f26c43a67a52480a32518400e5"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -605,8 +605,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-5e316a9b486826dccba4b71ba4ed7396" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5e316a9b486826dccba4b71ba4ed7396"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6141040b9b77df158417a547687c5c1d" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6141040b9b77df158417a547687c5c1d"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -618,8 +618,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-425ca567fa805937a79c077009b79316" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-425ca567fa805937a79c077009b79316"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f02dc0def60a1a6ed7ac60e4c1e3b720" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f02dc0def60a1a6ed7ac60e4c1e3b720"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -631,8 +631,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-457dd77ace2c5305c39a86f26ae803ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-457dd77ace2c5305c39a86f26ae803ec"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-21d26688183f5c2e4ace551aa181c345" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-21d26688183f5c2e4ace551aa181c345"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -640,8 +640,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a83312e2cab503ccaae11cd2def21894" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a83312e2cab503ccaae11cd2def21894"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ee9f115401eeb711130af87be57e2a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ee9f115401eeb711130af87be57e2a"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -649,8 +649,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9ee85fb4b02a0c63c3819eb3a92b0a11" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9ee85fb4b02a0c63c3819eb3a92b0a11"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-001b18190778d9b01027c986f764a49c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-001b18190778d9b01027c986f764a49c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -661,8 +661,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8dc0c5d7e00a5a52bec1255c87476f30" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8dc0c5d7e00a5a52bec1255c87476f30"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-326a4dfd080f471df4432782a9753501" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-326a4dfd080f471df4432782a9753501"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -671,8 +671,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-01a11f0f0e35399e5db696db3c34e48c" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-01a11f0f0e35399e5db696db3c34e48c"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-d9efa2f9ab857c10924063a379ec0825" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d9efa2f9ab857c10924063a379ec0825"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -681,8 +681,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f3530f606be6f229920fb99918cce0bd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f3530f606be6f229920fb99918cce0bd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f0abe06a42d1998e4dbbedff7d81fa66" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f0abe06a42d1998e4dbbedff7d81fa66"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -691,8 +691,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1a0a6a3337889930d1e76c2fbd32abc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1a0a6a3337889930d1e76c2fbd32abc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3b4efc42857a323ee4bf83916519f2d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3b4efc42857a323ee4bf83916519f2d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -704,14 +704,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8aec161d748f5c9f912c3f5a25f00637" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8aec161d748f5c9f912c3f5a25f00637"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-8513d767e61b0228fd2d3774b98679d0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8513d767e61b0228fd2d3774b98679d0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-5efab34376e2cc7be68873717284b483" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5efab34376e2cc7be68873717284b483"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-3074090fe795a607c932ea06f0bb39ed" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3074090fe795a607c932ea06f0bb39ed"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-eb9fead2c4f9c5bae673c2d799cd24f0" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-eb9fead2c4f9c5bae673c2d799cd24f0"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-b317fccfef9752aa931a9f857ce3f950" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b317fccfef9752aa931a9f857ce3f950"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-576addf1137063fa0a1961413bff8edd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-576addf1137063fa0a1961413bff8edd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-8959f4db6ff743e566cab1704c640301" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8959f4db6ff743e566cab1704c640301"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -720,8 +720,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-aa257dac91e297307a7db59f62eabc9a" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-aa257dac91e297307a7db59f62eabc9a"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-416440f108878989ac76f860d0109d7e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-416440f108878989ac76f860d0109d7e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -753,8 +753,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 03f6808f19..242f99b1ac 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/imageeffects/index.html" title="Image Effects (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/menushortcuts/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/imageeffects/index.html" title="Image Effects (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/menushortcuts/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -313,12 +317,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../../js/search.js?1693948278" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -472,13 +476,13 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 43537e8b25..a274767239 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -208,8 +208,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 129780c710..e990d21db5 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.print.html" rel="alternate" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/index.html" title="Rambl&#39;n (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/pages/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/index.html" title="Rambl&#39;n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/pages/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -185,8 +189,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-d7da675f7f3609b0040b9be8c8675302" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d7da675f7f3609b0040b9be8c8675302"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-466b1e2d98db9fd9cbc5e55b0f21e215" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-466b1e2d98db9fd9cbc5e55b0f21e215"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -301,12 +305,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -460,13 +464,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 026c54bd4b..3de443c64f 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="canonical" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -151,8 +151,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-d7da675f7f3609b0040b9be8c8675302" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d7da675f7f3609b0040b9be8c8675302"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-466b1e2d98db9fd9cbc5e55b0f21e215" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-466b1e2d98db9fd9cbc5e55b0f21e215"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -189,8 +189,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 4601c59b79..668d07646c 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/cont/taxonomy/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/cont/taxonomy/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -217,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../../js/search.js?1693948278" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -376,13 +380,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 05acbe5db8..b5e8a6ceea 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 9720ec9f56..a21a0f3251 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/dev/maintaining/index.html" title="Maintaining (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/dev/index.html" title="Development (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/dev/contributing/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/dev/maintaining/index.html" title="Maintaining (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/dev/index.html" title="Development (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/dev/contributing/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -307,12 +311,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -470,13 +474,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index adee859314..6f31fc4ec7 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 31dc18e293..d838792406 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../pir/dev/contributing/index.html" title="Contributing (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/shortcodes/tabs/index.html" title="Tabs (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../pir/dev/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../pir/dev/contributing/index.html" title="Contributing (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/shortcodes/tabs/index.html" title="Tabs (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../pir/dev/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -187,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../js/search.js?1693948280" defer></script>
+        <script src="../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -350,13 +354,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../js/theme.js?1693948280" defer></script>
+    <script src="../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index b4ab22c0b0..69591d59eb 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../js/url.js?1693948281"></script>
-    <script src="../../js/variant.js?1693948281"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../js/url.js?1694470324"></script>
+    <script src="../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -466,8 +466,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-57f12af995ac5649be21c7bee2623dc8" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-57f12af995ac5649be21c7bee2623dc8"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb1f7731d0fc25a8275efc289ff1aee5" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb1f7731d0fc25a8275efc289ff1aee5"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -496,11 +496,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-2a66ce8535177817c6576da46742db6c" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2a66ce8535177817c6576da46742db6c"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b294ec860e161fd60d123555af5bc9b5" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b294ec860e161fd60d123555af5bc9b5"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-c60cfd858d0263ce74f3f2572174e256" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c60cfd858d0263ce74f3f2572174e256"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9261c9aba8a2dfcf1fe3323427ecb3ee" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9261c9aba8a2dfcf1fe3323427ecb3ee"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -512,8 +512,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 8791a98f3a..de3c63fcd1 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/dev/screenshots/index.html" title="Scrrrenshots (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/dev/contributing/index.html" title="Contributing (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/dev/maintaining/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/dev/screenshots/index.html" title="Scrrrenshots (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/dev/contributing/index.html" title="Contributing (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/dev/maintaining/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -394,12 +398,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -557,13 +561,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index 32f92d1a64..9b9e508522 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -279,8 +279,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 1aa62fdbf7..7716b10522 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/dev/maintaining/index.html" title="Maintaining (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/dev/screenshots/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/dev/maintaining/index.html" title="Maintaining (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/dev/screenshots/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -143,8 +147,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-57f12af995ac5649be21c7bee2623dc8" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-57f12af995ac5649be21c7bee2623dc8"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb1f7731d0fc25a8275efc289ff1aee5" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb1f7731d0fc25a8275efc289ff1aee5"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -173,11 +177,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-2a66ce8535177817c6576da46742db6c" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2a66ce8535177817c6576da46742db6c"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b294ec860e161fd60d123555af5bc9b5" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b294ec860e161fd60d123555af5bc9b5"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-c60cfd858d0263ce74f3f2572174e256" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c60cfd858d0263ce74f3f2572174e256"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9261c9aba8a2dfcf1fe3323427ecb3ee" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9261c9aba8a2dfcf1fe3323427ecb3ee"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -266,12 +270,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -429,13 +433,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index c70d04e0aa..8c67af9b6d 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,8 +107,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-57f12af995ac5649be21c7bee2623dc8" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-57f12af995ac5649be21c7bee2623dc8"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb1f7731d0fc25a8275efc289ff1aee5" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb1f7731d0fc25a8275efc289ff1aee5"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -137,11 +137,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-2a66ce8535177817c6576da46742db6c" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2a66ce8535177817c6576da46742db6c"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b294ec860e161fd60d123555af5bc9b5" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b294ec860e161fd60d123555af5bc9b5"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-c60cfd858d0263ce74f3f2572174e256" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c60cfd858d0263ce74f3f2572174e256"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-9261c9aba8a2dfcf1fe3323427ecb3ee" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9261c9aba8a2dfcf1fe3323427ecb3ee"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -152,8 +152,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 36fe4d8601..3af5277f79 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.print.html" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../js/url.js?1694470322"></script>
+    <script src="../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../pir/basics/index.html" title="Basics (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <span class="nav nav-prev topbar-link"><i class="fa fa-chevron-left fa-fw"></i></span>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../pir/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../pir/basics/index.html" title="Basics (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../pir/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -114,8 +118,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#image-ba4b7cd864ab5eecb98c002a7616321b" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ba4b7cd864ab5eecb98c002a7616321b"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-14a519c62d3fc3facb588b6b5b7cd938" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-14a519c62d3fc3facb588b6b5b7cd938"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -289,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948279" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../js/search.js?1693948279" defer></script>
+        <script src="../js/auto-complete.js?1694470323" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -448,13 +452,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948279"></script>
+          <script async src="../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../js/theme.js?1693948279" defer></script>
+    <script src="../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index b4b6d15767..03db06839d 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../js/url.js?1693948281"></script>
-    <script src="../js/variant.js?1693948281"></script>
+    <link href="../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../js/url.js?1694470324"></script>
+    <script src="../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#image-ba4b7cd864ab5eecb98c002a7616321b" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ba4b7cd864ab5eecb98c002a7616321b"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-14a519c62d3fc3facb588b6b5b7cd938" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-14a519c62d3fc3facb588b6b5b7cd938"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -956,8 +956,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-23c70896ecc1758f4e703d8223a65b9e" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-23c70896ecc1758f4e703d8223a65b9e"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e008c35c2e776ee52e3fecd22a30c008" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e008c35c2e776ee52e3fecd22a30c008"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1002,8 +1002,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-4c47c5b3fb2c5f9ba0ff9ff500cd7095" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4c47c5b3fb2c5f9ba0ff9ff500cd7095"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-afe5af06420917ecab95463704d8156a" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-afe5af06420917ecab95463704d8156a"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1159,8 +1159,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-47d1b678e518b817f05703f3458fbbe3" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-47d1b678e518b817f05703f3458fbbe3"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3f6bcc28116c746dcfac2314a61c4c13" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3f6bcc28116c746dcfac2314a61c4c13"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1205,8 +1205,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-470e93f02809ed13352b3722fd9a7cba" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-470e93f02809ed13352b3722fd9a7cba"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-73caf91b07947a8e27f169c4f9100df3" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-73caf91b07947a8e27f169c4f9100df3"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1331,13 +1331,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-9a4878b11a25f3576a741623af844609" aria-controls="expandcontent-9a4878b11a25f3576a741623af844609" >
-    <label class="expand-label" for="expand-9a4878b11a25f3576a741623af844609" >
+    <input type="checkbox" id="expand-9c230a02e758dbd89157baa7f577d1f3" aria-controls="expandcontent-9c230a02e758dbd89157baa7f577d1f3" >
+    <label class="expand-label" for="expand-9c230a02e758dbd89157baa7f577d1f3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-9a4878b11a25f3576a741623af844609" class="expand-content">
+    <div id="expandcontent-9c230a02e758dbd89157baa7f577d1f3" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -2717,8 +2717,8 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-d7da675f7f3609b0040b9be8c8675302" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d7da675f7f3609b0040b9be8c8675302"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-466b1e2d98db9fd9cbc5e55b0f21e215" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-466b1e2d98db9fd9cbc5e55b0f21e215"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -2763,8 +2763,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-00fac487bbc1784853b6b40b4042541a" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-00fac487bbc1784853b6b40b4042541a"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-e58ebae046997c81f8d4b60e008a76ae" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-e58ebae046997c81f8d4b60e008a76ae"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2774,8 +2774,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-cf390a0bb0fe625bbd1f06506ad6994a" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cf390a0bb0fe625bbd1f06506ad6994a"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7172fbd627e292dc59deee86b4fdeecf" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7172fbd627e292dc59deee86b4fdeecf"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2787,8 +2787,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-84572bb9c74064ea8513c669f93a6ac2" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84572bb9c74064ea8513c669f93a6ac2"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-23292f7e4f9bf75c6c6af01f0dff9ea7" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-23292f7e4f9bf75c6c6af01f0dff9ea7"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -3361,8 +3361,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fe8c44cd16c99877e5d785064b8830ad" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fe8c44cd16c99877e5d785064b8830ad"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-5a52c6f26c43a67a52480a32518400e5" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5a52c6f26c43a67a52480a32518400e5"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -3372,8 +3372,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-5e316a9b486826dccba4b71ba4ed7396" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5e316a9b486826dccba4b71ba4ed7396"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6141040b9b77df158417a547687c5c1d" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6141040b9b77df158417a547687c5c1d"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3385,8 +3385,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-425ca567fa805937a79c077009b79316" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-425ca567fa805937a79c077009b79316"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f02dc0def60a1a6ed7ac60e4c1e3b720" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f02dc0def60a1a6ed7ac60e4c1e3b720"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3398,8 +3398,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-457dd77ace2c5305c39a86f26ae803ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-457dd77ace2c5305c39a86f26ae803ec"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-21d26688183f5c2e4ace551aa181c345" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-21d26688183f5c2e4ace551aa181c345"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3407,8 +3407,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a83312e2cab503ccaae11cd2def21894" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a83312e2cab503ccaae11cd2def21894"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-12ee9f115401eeb711130af87be57e2a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-12ee9f115401eeb711130af87be57e2a"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3416,8 +3416,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-9ee85fb4b02a0c63c3819eb3a92b0a11" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-9ee85fb4b02a0c63c3819eb3a92b0a11"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-001b18190778d9b01027c986f764a49c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-001b18190778d9b01027c986f764a49c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3428,8 +3428,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8dc0c5d7e00a5a52bec1255c87476f30" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8dc0c5d7e00a5a52bec1255c87476f30"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-326a4dfd080f471df4432782a9753501" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-326a4dfd080f471df4432782a9753501"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3438,8 +3438,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-01a11f0f0e35399e5db696db3c34e48c" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-01a11f0f0e35399e5db696db3c34e48c"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-d9efa2f9ab857c10924063a379ec0825" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d9efa2f9ab857c10924063a379ec0825"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3448,8 +3448,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f3530f606be6f229920fb99918cce0bd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f3530f606be6f229920fb99918cce0bd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-f0abe06a42d1998e4dbbedff7d81fa66" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f0abe06a42d1998e4dbbedff7d81fa66"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3458,8 +3458,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1a0a6a3337889930d1e76c2fbd32abc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1a0a6a3337889930d1e76c2fbd32abc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3b4efc42857a323ee4bf83916519f2d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3b4efc42857a323ee4bf83916519f2d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3471,14 +3471,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-8aec161d748f5c9f912c3f5a25f00637" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8aec161d748f5c9f912c3f5a25f00637"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-8513d767e61b0228fd2d3774b98679d0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8513d767e61b0228fd2d3774b98679d0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-5efab34376e2cc7be68873717284b483" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5efab34376e2cc7be68873717284b483"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-3074090fe795a607c932ea06f0bb39ed" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3074090fe795a607c932ea06f0bb39ed"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-eb9fead2c4f9c5bae673c2d799cd24f0" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-eb9fead2c4f9c5bae673c2d799cd24f0"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-b317fccfef9752aa931a9f857ce3f950" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b317fccfef9752aa931a9f857ce3f950"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-576addf1137063fa0a1961413bff8edd" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-576addf1137063fa0a1961413bff8edd"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-8959f4db6ff743e566cab1704c640301" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8959f4db6ff743e566cab1704c640301"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -3487,8 +3487,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-aa257dac91e297307a7db59f62eabc9a" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-aa257dac91e297307a7db59f62eabc9a"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-416440f108878989ac76f860d0109d7e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-416440f108878989ac76f860d0109d7e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3530,13 +3530,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="c2da2665c9df0b00d3fdf244e70972d8">
+<div class="tab-panel" data-tab-group="1f134e052ff100c6434d9531e2058b2f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c2da2665c9df0b00d3fdf244e70972d8','configtoml')"
+      onclick="switchTab('1f134e052ff100c6434d9531e2058b2f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3560,13 +3560,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="c469ac54ace94be689fd5c1fbf74438b">
+<div class="tab-panel" data-tab-group="ac86ee03d218abdb3cd9d5c1716b1cd4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c469ac54ace94be689fd5c1fbf74438b','frontmatter')"
+      onclick="switchTab('ac86ee03d218abdb3cd9d5c1716b1cd4','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -3589,13 +3589,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="885987f7a1d3301e846b62dda4868730">
+<div class="tab-panel" data-tab-group="51714adcb1b22572f288f4df9a81c470">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('885987f7a1d3301e846b62dda4868730','url')"
+      onclick="switchTab('51714adcb1b22572f288f4df9a81c470','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -3615,13 +3615,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="f2adb9eb19d2e547d9e75d4df0c56668">
+<div class="tab-panel" data-tab-group="3ddecf96b90ea11fd6b7479a15e71345">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f2adb9eb19d2e547d9e75d4df0c56668','result')"
+      onclick="switchTab('3ddecf96b90ea11fd6b7479a15e71345','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -3644,13 +3644,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="d4c41ec98371fbd129958b604a0b9c19">
+<div class="tab-panel" data-tab-group="cd22d98d2f8724d886a2b8eb9850e8dd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c41ec98371fbd129958b604a0b9c19','html')"
+      onclick="switchTab('cd22d98d2f8724d886a2b8eb9850e8dd','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -3831,8 +3831,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-84003ce6c470219c23d71c0ac044df3b" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84003ce6c470219c23d71c0ac044df3b"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4c4957a0157ac84d7297cd4f0c817703" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4c4957a0157ac84d7297cd4f0c817703"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -5264,13 +5264,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-e066c97075dfcecec80cae7e4e0cbb44" aria-controls="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" >
-    <label class="expand-label" for="expand-e066c97075dfcecec80cae7e4e0cbb44" >
+    <input type="checkbox" id="expand-0bfa70a0ec71166b75c61974f7662cd6" aria-controls="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" >
+    <label class="expand-label" for="expand-0bfa70a0ec71166b75c61974f7662cd6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" class="expand-content">
+    <div id="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -5397,26 +5397,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-e69777ac8aff95a286cb1a7f64e819f3" aria-controls="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" >
-    <label class="expand-label" for="expand-e69777ac8aff95a286cb1a7f64e819f3" >
+    <input type="checkbox" id="expand-cbb697da7c76720223532963c56c76b2" aria-controls="expandcontent-cbb697da7c76720223532963c56c76b2" >
+    <label class="expand-label" for="expand-cbb697da7c76720223532963c56c76b2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" class="expand-content">
+    <div id="expandcontent-cbb697da7c76720223532963c56c76b2" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-29be9e7ab4a18b663fe8fc70ee7135c9" aria-controls="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9"  checked>
-    <label class="expand-label" for="expand-29be9e7ab4a18b663fe8fc70ee7135c9" >
+    <input type="checkbox" id="expand-cc262266fd73688fc20ba044418f3a4f" aria-controls="expandcontent-cc262266fd73688fc20ba044418f3a4f"  checked>
+    <label class="expand-label" for="expand-cc262266fd73688fc20ba044418f3a4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9" class="expand-content">
+    <div id="expandcontent-cc262266fd73688fc20ba044418f3a4f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5437,13 +5437,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" aria-controls="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
-    <label class="expand-label" for="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
+    <input type="checkbox" id="expand-7b6915317b322f0253d07efaa12e1cfa" aria-controls="expandcontent-7b6915317b322f0253d07efaa12e1cfa" >
+    <label class="expand-label" for="expand-7b6915317b322f0253d07efaa12e1cfa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" class="expand-content">
+    <div id="expandcontent-7b6915317b322f0253d07efaa12e1cfa" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5481,13 +5481,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1b91ae8935aee56980046e88a77696c1">
+<div class="tab-panel" data-tab-group="03e33e659d62cf9cc60973b0b1dd62b7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1b91ae8935aee56980046e88a77696c1','python')"
+      onclick="switchTab('03e33e659d62cf9cc60973b0b1dd62b7','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -5710,13 +5710,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7824a70289bb38280fdd0d87763805d7">
+<div class="tab-panel" data-tab-group="8493acfb38b4328f1e0ebe0fad48f81d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7824a70289bb38280fdd0d87763805d7','python')"
+      onclick="switchTab('8493acfb38b4328f1e0ebe0fad48f81d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -7281,7 +7281,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-128cfe016bcecb0baaf9ab257024d408"
+    id="openapi-ecfabf3cb12896924ad3319e90215aaa"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7389,13 +7389,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4162252ed669d7923bd7f44e59ffed39">
+<div class="tab-panel" data-tab-group="8d77a43747c7ee4a9cdb0d99d0ca24ed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4162252ed669d7923bd7f44e59ffed39','configtoml')"
+      onclick="switchTab('8d77a43747c7ee4a9cdb0d99d0ca24ed','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7433,13 +7433,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="ed3365e607be7369bd596bf40010c1ec">
+<div class="tab-panel" data-tab-group="75a6643d36ab8fd08ada2921d3374e2e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ed3365e607be7369bd596bf40010c1ec','c')"
+      onclick="switchTab('75a6643d36ab8fd08ada2921d3374e2e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7553,13 +7553,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="85a1c059b49349db9ad2378d6f5bb084">
+<div class="tab-panel" data-tab-group="d2ce4660ea63fa96aa1e0124021c239f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('85a1c059b49349db9ad2378d6f5bb084','code')"
+      onclick="switchTab('d2ce4660ea63fa96aa1e0124021c239f','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7584,13 +7584,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="815d65ae24a233f057cdecc4be7d85e5">
+<div class="tab-panel" data-tab-group="af307e15f9a9bfd39ec36e388a7e5440">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('815d65ae24a233f057cdecc4be7d85e5','emstrongmixedstrongem')"
+      onclick="switchTab('af307e15f9a9bfd39ec36e388a7e5440','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7638,13 +7638,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="8460934adf2cb2b8bb61b190cd7d6478">
+<div class="tab-panel" data-tab-group="93d3469e94725c5b7505cf945ed164fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-colored-style')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7654,7 +7654,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7664,7 +7664,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','default-style-and-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -7674,7 +7674,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -7684,7 +7684,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -7757,13 +7757,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="47ce3ec8e1789b11cab26962e2b9df33">
+<div class="tab-panel" data-tab-group="0b4c7f3637e47c9dccf74c6d0b48f533">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','py')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7773,7 +7773,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','sh')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7783,7 +7783,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','c')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7940,13 +7940,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="d5369668a45bc89ec3a530a62418a669">
+<div class="tab-panel" data-tab-group="19e1cf5dc0a48f13bbed5d504c19678c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-1')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7956,7 +7956,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-2')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7966,7 +7966,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-b')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8367,8 +8367,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948281" defer></script>
+    <script src="../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470324" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8397,27 +8397,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1693948281"></script>
-    <script src="../js/d3/d3-color.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1693948281" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1693948281" defer></script>
-    <script src="../js/js-yaml.min.js?1693948281" defer></script>
-    <script src="../js/mermaid.min.js?1693948281" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1694470324"></script>
+    <script src="../js/d3/d3-color.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1694470324" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1694470324" defer></script>
+    <script src="../js/js-yaml.min.js?1694470324" defer></script>
+    <script src="../js/mermaid.min.js?1694470324" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1693948281" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1693948281" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1694470324" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1694470324" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948281", assetsBuster:  1693948281  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470324", assetsBuster:  1694470324  };
     </script>
-    <script src="../js/theme.js?1693948281" defer></script>
+    <script src="../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index bececc1e14..84b190d75e 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.print.html" rel="alternate" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/more/credits/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/more/credits/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -247,12 +251,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../js/search.js?1693948280" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +410,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 3e842d01d0..8794e0fc93 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="canonical" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 8c8673a702..c1d7f69b48 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="canonical" type="text/html" title="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../js/url.js?1693948281"></script>
-    <script src="../js/variant.js?1693948281"></script>
+    <link href="../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../js/url.js?1694470324"></script>
+    <script src="../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -181,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948281" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../js/search.js?1693948281" defer></script>
+        <script src="../js/auto-complete.js?1694470324" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -340,13 +344,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948281"></script>
+          <script async src="../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../js/theme.js?1693948281" defer></script>
+    <script src="../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index eed6b51f72..dc172194ac 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/badge/index.html" title="Badge (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/attachments/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/badge/index.html" title="Badge (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/attachments/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -462,12 +466,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../../js/search.js?1693948278" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -621,13 +625,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 8ef2eecddf..4cedbd1d32 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -341,8 +341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 9da5aa0e8e..15a1e16786 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/button/index.html" title="Button (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/attachments/index.html" title="Attachments (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/badge/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/button/index.html" title="Button (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/attachments/index.html" title="Attachments (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/badge/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -394,12 +398,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -553,13 +557,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index ce658bd12a..20956add12 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -280,8 +280,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 0d218325b2..0fa74e452c 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/children/index.html" title="Children (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/badge/index.html" title="Badge (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/button/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/children/index.html" title="Children (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/badge/index.html" title="Badge (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/button/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -534,12 +538,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -693,13 +697,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 21c629da64..c4a7194f2a 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -419,8 +419,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
index 6ffbb85327..5e45ad1293 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" title="plank 1-1-1-1-1 (hidden) (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" title="plank 1-1-1-1-1 (hidden) (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -190,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -353,13 +357,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
index 40ad914a91..38f2404694 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
index 46fd0a84ad..3a7542afd7 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" title="plank 1-1-1-1-1-1 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" title="plank 1-1-1-1-1-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -205,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +372,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
index 0056911830..6e50f12559 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,8 +123,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index 7d5ecf4338..f60647841b 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="plank 1-1-1 (hidden) (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="plank 1-1-1 (hidden) (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -204,12 +208,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -365,13 +369,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
index dfb194e837..ef8860d02e 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
index 0594eb757f..7c3ea2dbd2 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -203,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -364,13 +368,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
index cb873384f7..8f6791eff3 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,8 +130,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index d47dcf98c6..4a3c168c0f 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -189,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,13 +352,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
index 7cead690ba..9584de2f5f 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
index dfd1d77f29..880cda70fd 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -189,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,13 +352,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
index 000545c7e1..674f56592c 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index d5408eabd9..b33ff2ae43 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -205,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -364,13 +368,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
index 8fb5adbf4f..dcc220fbea 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="canonical" type="text/html" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index dfefa5da75..5bf83a1140 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -188,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -347,13 +351,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
index dcdbdd0ed7..be5e3b23b0 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/index.html
index 187a446369..cfd9ebefb7 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -205,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../../../js/search.js?1693948280" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -364,13 +368,13 @@
               }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/index.print.html b/pir/shortcodes/children/children-1/children-1-1/index.print.html
index f7a48a0916..7dc1292fb4 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -187,8 +187,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 1d37d129d7..dabe0dd3d5 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470322"></script>
+    <script src="../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../pir/shortcodes/children/test/index.html" title="plank X (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../pir/shortcodes/children/children-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../pir/shortcodes/children/test/index.html" title="plank X (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../pir/shortcodes/children/children-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -202,12 +206,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../../../js/search.js?1693948280" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -361,13 +365,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../../../js/theme.js?1693948280" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.print.html b/pir/shortcodes/children/children-1/index.print.html
index f01c1ed1fd..8aa2a5196c 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948281"></script>
-    <script src="../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470324"></script>
+    <script src="../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,8 +213,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index ac54b22b89..dc3aa3ed57 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470322"></script>
+    <script src="../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../pir/shortcodes/children/children-2/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../pir/shortcodes/children/children-2/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -187,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -346,13 +350,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.print.html b/pir/shortcodes/children/children-2/index.print.html
index 78954be93d..573c4632dc 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948281"></script>
-    <script src="../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470324"></script>
+    <script src="../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 48d2b0a47d..929228dc0f 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470322"></script>
+    <script src="../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../pir/shortcodes/children/children-3/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../pir/shortcodes/children/children-3/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -202,12 +206,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -361,13 +365,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.print.html b/pir/shortcodes/children/children-3/index.print.html
index ac9380021a..9646cc0eb3 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948281"></script>
-    <script src="../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470324"></script>
+    <script src="../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,8 +120,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index d57273f72e..65b75e1dd1 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470322"></script>
+    <script src="../../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../pir/shortcodes/expand/index.html" title="Expand (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../../pir/shortcodes/children/children-3/test3/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../pir/shortcodes/expand/index.html" title="Expand (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../pir/shortcodes/children/children-3/test3/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -187,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../../../js/search.js?1693948279" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -346,13 +350,13 @@
               }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.print.html b/pir/shortcodes/children/children-3/test3/index.print.html
index ebf17e0f24..b49c5aeb13 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948281"></script>
-    <script src="../../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470324"></script>
+    <script src="../../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 9be2c69e68..3ba98b11df 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470322"></script>
+    <script src="../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../pir/shortcodes/expand/index.html" title="Expand (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../pir/shortcodes/children/children-4/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../pir/shortcodes/expand/index.html" title="Expand (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../pir/shortcodes/children/children-4/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -185,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../../js/search.js?1693948281" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -345,13 +349,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.print.html b/pir/shortcodes/children/children-4/index.print.html
index b9e347bd73..f466d01d61 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948281"></script>
-    <script src="../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470324"></script>
+    <script src="../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 186fd25893..dc4361daeb 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/children/test/index.html" title="plank X (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/button/index.html" title="Button (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/children/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/children/test/index.html" title="plank X (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/button/index.html" title="Button (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/children/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -397,12 +401,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -556,13 +560,13 @@ So its rrrambl'n be used as descript'n.</p>
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index d7bcd92024..f14f5aac1d 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -503,8 +503,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 67a8c3ea42..67408423b5 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470322"></script>
+    <script src="../../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -57,22 +57,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../pir/shortcodes/children/index.html" title="Children (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../../pir/shortcodes/children/test/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../pir/shortcodes/children/index.html" title="Children (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../pir/shortcodes/children/test/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -186,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../../js/search.js?1693948279" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -345,13 +349,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 22c04601cb..a0933d6875 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948281"></script>
-    <script src="../../../../js/variant.js?1693948281"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470324"></script>
+    <script src="../../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index da7bdaad4c..fe91165874 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/highlight/index.html" title="Highlight (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/expand/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/highlight/index.html" title="Highlight (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/expand/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -116,13 +120,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-e066c97075dfcecec80cae7e4e0cbb44" aria-controls="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" >
-    <label class="expand-label" for="expand-e066c97075dfcecec80cae7e4e0cbb44" >
+    <input type="checkbox" id="expand-0bfa70a0ec71166b75c61974f7662cd6" aria-controls="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" >
+    <label class="expand-label" for="expand-0bfa70a0ec71166b75c61974f7662cd6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" class="expand-content">
+    <div id="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -249,26 +253,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-e69777ac8aff95a286cb1a7f64e819f3" aria-controls="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" >
-    <label class="expand-label" for="expand-e69777ac8aff95a286cb1a7f64e819f3" >
+    <input type="checkbox" id="expand-cbb697da7c76720223532963c56c76b2" aria-controls="expandcontent-cbb697da7c76720223532963c56c76b2" >
+    <label class="expand-label" for="expand-cbb697da7c76720223532963c56c76b2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" class="expand-content">
+    <div id="expandcontent-cbb697da7c76720223532963c56c76b2" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-29be9e7ab4a18b663fe8fc70ee7135c9" aria-controls="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9"  checked>
-    <label class="expand-label" for="expand-29be9e7ab4a18b663fe8fc70ee7135c9" >
+    <input type="checkbox" id="expand-cc262266fd73688fc20ba044418f3a4f" aria-controls="expandcontent-cc262266fd73688fc20ba044418f3a4f"  checked>
+    <label class="expand-label" for="expand-cc262266fd73688fc20ba044418f3a4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9" class="expand-content">
+    <div id="expandcontent-cc262266fd73688fc20ba044418f3a4f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -289,13 +293,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" aria-controls="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
-    <label class="expand-label" for="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
+    <input type="checkbox" id="expand-7b6915317b322f0253d07efaa12e1cfa" aria-controls="expandcontent-7b6915317b322f0253d07efaa12e1cfa" >
+    <label class="expand-label" for="expand-7b6915317b322f0253d07efaa12e1cfa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" class="expand-content">
+    <div id="expandcontent-7b6915317b322f0253d07efaa12e1cfa" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -398,12 +402,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -557,13 +561,13 @@ No need t' press ye!</div>
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 507d8b1fe5..10c8f32283 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,13 +80,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-e066c97075dfcecec80cae7e4e0cbb44" aria-controls="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" >
-    <label class="expand-label" for="expand-e066c97075dfcecec80cae7e4e0cbb44" >
+    <input type="checkbox" id="expand-0bfa70a0ec71166b75c61974f7662cd6" aria-controls="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" >
+    <label class="expand-label" for="expand-0bfa70a0ec71166b75c61974f7662cd6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" class="expand-content">
+    <div id="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -213,26 +213,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-e69777ac8aff95a286cb1a7f64e819f3" aria-controls="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" >
-    <label class="expand-label" for="expand-e69777ac8aff95a286cb1a7f64e819f3" >
+    <input type="checkbox" id="expand-cbb697da7c76720223532963c56c76b2" aria-controls="expandcontent-cbb697da7c76720223532963c56c76b2" >
+    <label class="expand-label" for="expand-cbb697da7c76720223532963c56c76b2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" class="expand-content">
+    <div id="expandcontent-cbb697da7c76720223532963c56c76b2" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-29be9e7ab4a18b663fe8fc70ee7135c9" aria-controls="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9"  checked>
-    <label class="expand-label" for="expand-29be9e7ab4a18b663fe8fc70ee7135c9" >
+    <input type="checkbox" id="expand-cc262266fd73688fc20ba044418f3a4f" aria-controls="expandcontent-cc262266fd73688fc20ba044418f3a4f"  checked>
+    <label class="expand-label" for="expand-cc262266fd73688fc20ba044418f3a4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9" class="expand-content">
+    <div id="expandcontent-cc262266fd73688fc20ba044418f3a4f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -253,13 +253,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" aria-controls="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
-    <label class="expand-label" for="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
+    <input type="checkbox" id="expand-7b6915317b322f0253d07efaa12e1cfa" aria-controls="expandcontent-7b6915317b322f0253d07efaa12e1cfa" >
+    <label class="expand-label" for="expand-7b6915317b322f0253d07efaa12e1cfa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" class="expand-content">
+    <div id="expandcontent-7b6915317b322f0253d07efaa12e1cfa" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -284,8 +284,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 34a2f32e76..ba1bb35963 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/icon/index.html" title="Icon (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/expand/index.html" title="Expand (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/highlight/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/icon/index.html" title="Icon (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/expand/index.html" title="Expand (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/highlight/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -130,13 +134,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1b91ae8935aee56980046e88a77696c1">
+<div class="tab-panel" data-tab-group="03e33e659d62cf9cc60973b0b1dd62b7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1b91ae8935aee56980046e88a77696c1','python')"
+      onclick="switchTab('03e33e659d62cf9cc60973b0b1dd62b7','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -359,13 +363,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7824a70289bb38280fdd0d87763805d7">
+<div class="tab-panel" data-tab-group="8493acfb38b4328f1e0ebe0fad48f81d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7824a70289bb38280fdd0d87763805d7','python')"
+      onclick="switchTab('8493acfb38b4328f1e0ebe0fad48f81d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -487,12 +491,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -646,13 +650,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index f6848d8624..57e6f27f3d 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,13 +87,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1b91ae8935aee56980046e88a77696c1">
+<div class="tab-panel" data-tab-group="03e33e659d62cf9cc60973b0b1dd62b7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1b91ae8935aee56980046e88a77696c1','python')"
+      onclick="switchTab('03e33e659d62cf9cc60973b0b1dd62b7','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -316,13 +316,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7824a70289bb38280fdd0d87763805d7">
+<div class="tab-panel" data-tab-group="8493acfb38b4328f1e0ebe0fad48f81d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7824a70289bb38280fdd0d87763805d7','python')"
+      onclick="switchTab('8493acfb38b4328f1e0ebe0fad48f81d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -366,8 +366,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index a6321a72ba..09eb28d56b 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/include/index.html" title="Include (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/highlight/index.html" title="Highlight (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/icon/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/include/index.html" title="Include (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/highlight/index.html" title="Highlight (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/icon/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -321,12 +325,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -480,13 +484,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 829e54cd57..1e55596614 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,8 +206,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 9b2f123dd9..688837f7d0 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/math/index.html" title="Math (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/icon/index.html" title="Icon (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/include/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/math/index.html" title="Math (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/icon/index.html" title="Icon (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/include/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -311,12 +315,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -470,13 +474,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index f63acee1bb..d48fd01ca5 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 5836b4bcc9..75ce7aac2f 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.print.html" rel="alternate" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../pir/shortcodes/attachments/index.html" title="Attachments (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/cont/taxonomy/index.html" title="Taxonomy (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../pir/shortcodes/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../pir/shortcodes/attachments/index.html" title="Attachments (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/cont/taxonomy/index.html" title="Taxonomy (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../pir/shortcodes/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -203,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948280" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948280" defer></script>
-        <script src="../../js/search.js?1693948280" defer></script>
+        <script src="../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +366,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948280"></script>
+          <script async src="../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948280" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948280" defer></script>
-    <script src="../../js/theme.js?1693948280" defer></script>
+    <script src="../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index fe752f32fe..cd13b93a20 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="canonical" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../js/url.js?1693948281"></script>
-    <script src="../../js/variant.js?1693948281"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../js/url.js?1694470324"></script>
+    <script src="../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1365,13 +1365,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-e066c97075dfcecec80cae7e4e0cbb44" aria-controls="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" >
-    <label class="expand-label" for="expand-e066c97075dfcecec80cae7e4e0cbb44" >
+    <input type="checkbox" id="expand-0bfa70a0ec71166b75c61974f7662cd6" aria-controls="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" >
+    <label class="expand-label" for="expand-0bfa70a0ec71166b75c61974f7662cd6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e066c97075dfcecec80cae7e4e0cbb44" class="expand-content">
+    <div id="expandcontent-0bfa70a0ec71166b75c61974f7662cd6" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -1498,26 +1498,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-e69777ac8aff95a286cb1a7f64e819f3" aria-controls="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" >
-    <label class="expand-label" for="expand-e69777ac8aff95a286cb1a7f64e819f3" >
+    <input type="checkbox" id="expand-cbb697da7c76720223532963c56c76b2" aria-controls="expandcontent-cbb697da7c76720223532963c56c76b2" >
+    <label class="expand-label" for="expand-cbb697da7c76720223532963c56c76b2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e69777ac8aff95a286cb1a7f64e819f3" class="expand-content">
+    <div id="expandcontent-cbb697da7c76720223532963c56c76b2" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-29be9e7ab4a18b663fe8fc70ee7135c9" aria-controls="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9"  checked>
-    <label class="expand-label" for="expand-29be9e7ab4a18b663fe8fc70ee7135c9" >
+    <input type="checkbox" id="expand-cc262266fd73688fc20ba044418f3a4f" aria-controls="expandcontent-cc262266fd73688fc20ba044418f3a4f"  checked>
+    <label class="expand-label" for="expand-cc262266fd73688fc20ba044418f3a4f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-29be9e7ab4a18b663fe8fc70ee7135c9" class="expand-content">
+    <div id="expandcontent-cc262266fd73688fc20ba044418f3a4f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1538,13 +1538,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" aria-controls="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
-    <label class="expand-label" for="expand-4dc2ccdc0ee67f015e68bdee3c6d24e5" >
+    <input type="checkbox" id="expand-7b6915317b322f0253d07efaa12e1cfa" aria-controls="expandcontent-7b6915317b322f0253d07efaa12e1cfa" >
+    <label class="expand-label" for="expand-7b6915317b322f0253d07efaa12e1cfa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-4dc2ccdc0ee67f015e68bdee3c6d24e5" class="expand-content">
+    <div id="expandcontent-7b6915317b322f0253d07efaa12e1cfa" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1582,13 +1582,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1b91ae8935aee56980046e88a77696c1">
+<div class="tab-panel" data-tab-group="03e33e659d62cf9cc60973b0b1dd62b7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1b91ae8935aee56980046e88a77696c1','python')"
+      onclick="switchTab('03e33e659d62cf9cc60973b0b1dd62b7','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1811,13 +1811,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7824a70289bb38280fdd0d87763805d7">
+<div class="tab-panel" data-tab-group="8493acfb38b4328f1e0ebe0fad48f81d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7824a70289bb38280fdd0d87763805d7','python')"
+      onclick="switchTab('8493acfb38b4328f1e0ebe0fad48f81d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -3382,7 +3382,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-128cfe016bcecb0baaf9ab257024d408"
+    id="openapi-ecfabf3cb12896924ad3319e90215aaa"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3490,13 +3490,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4162252ed669d7923bd7f44e59ffed39">
+<div class="tab-panel" data-tab-group="8d77a43747c7ee4a9cdb0d99d0ca24ed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4162252ed669d7923bd7f44e59ffed39','configtoml')"
+      onclick="switchTab('8d77a43747c7ee4a9cdb0d99d0ca24ed','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3534,13 +3534,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="ed3365e607be7369bd596bf40010c1ec">
+<div class="tab-panel" data-tab-group="75a6643d36ab8fd08ada2921d3374e2e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ed3365e607be7369bd596bf40010c1ec','c')"
+      onclick="switchTab('75a6643d36ab8fd08ada2921d3374e2e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3654,13 +3654,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="85a1c059b49349db9ad2378d6f5bb084">
+<div class="tab-panel" data-tab-group="d2ce4660ea63fa96aa1e0124021c239f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('85a1c059b49349db9ad2378d6f5bb084','code')"
+      onclick="switchTab('d2ce4660ea63fa96aa1e0124021c239f','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3685,13 +3685,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="815d65ae24a233f057cdecc4be7d85e5">
+<div class="tab-panel" data-tab-group="af307e15f9a9bfd39ec36e388a7e5440">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('815d65ae24a233f057cdecc4be7d85e5','emstrongmixedstrongem')"
+      onclick="switchTab('af307e15f9a9bfd39ec36e388a7e5440','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3739,13 +3739,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="8460934adf2cb2b8bb61b190cd7d6478">
+<div class="tab-panel" data-tab-group="93d3469e94725c5b7505cf945ed164fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-colored-style')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3755,7 +3755,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3765,7 +3765,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','default-style-and-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -3775,7 +3775,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -3785,7 +3785,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -3858,13 +3858,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="47ce3ec8e1789b11cab26962e2b9df33">
+<div class="tab-panel" data-tab-group="0b4c7f3637e47c9dccf74c6d0b48f533">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','py')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3874,7 +3874,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','sh')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3884,7 +3884,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','c')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -4041,13 +4041,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="d5369668a45bc89ec3a530a62418a669">
+<div class="tab-panel" data-tab-group="19e1cf5dc0a48f13bbed5d504c19678c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-1')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -4057,7 +4057,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-2')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -4067,7 +4067,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-b')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4467,8 +4467,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4497,27 +4497,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1693948281"></script>
-    <script src="../../js/d3/d3-color.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1693948281" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1693948281" defer></script>
-    <script src="../../js/js-yaml.min.js?1693948281" defer></script>
-    <script src="../../js/mermaid.min.js?1693948281" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694470324"></script>
+    <script src="../../js/d3/d3-color.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694470324" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694470324" defer></script>
+    <script src="../../js/js-yaml.min.js?1694470324" defer></script>
+    <script src="../../js/mermaid.min.js?1694470324" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1693948281" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1693948281" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694470324" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694470324" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948281", assetsBuster:  1693948281  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470324", assetsBuster:  1694470324  };
     </script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 44a4a79915..dcac63f233 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/include/index.html" title="Include (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/math/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/include/index.html" title="Include (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/math/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -378,12 +382,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -537,13 +541,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -572,7 +576,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1693948279"></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1694470322"></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 82af5c4de6..d07f85c443 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -257,8 +257,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -287,7 +287,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1693948281"></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1694470324"></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 27247ba9d8..20f1aa8609 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/notice/index.html" title="Notice (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/math/index.html" title="Math (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/mermaid/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/notice/index.html" title="Notice (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/math/index.html" title="Math (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/mermaid/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -844,12 +848,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1003,27 +1007,27 @@ Electricity grid,H2 conversion,27.14
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1693948279" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1693948279" defer></script>
-    <script src="../../../js/js-yaml.min.js?1693948279" defer></script>
-    <script src="../../../js/mermaid.min.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694470323" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694470323" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694470323" defer></script>
+    <script src="../../../js/mermaid.min.js?1694470323" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 0bc044fd9f..72c2073b1d 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -712,22 +712,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1693948281" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1693948281" defer></script>
-    <script src="../../../js/js-yaml.min.js?1693948281" defer></script>
-    <script src="../../../js/mermaid.min.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694470324" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694470324" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694470324" defer></script>
+    <script src="../../../js/mermaid.min.js?1694470324" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 6350b37a7e..9b29455df3 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/notice/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/notice/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -542,12 +546,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -701,13 +705,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 0cd27358a1..c3c4d2ab85 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -426,8 +426,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 4f44c4b286..69e961cf55 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/notice/index.html" title="Notice (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/openapi/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/notice/index.html" title="Notice (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/openapi/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -199,7 +203,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-128cfe016bcecb0baaf9ab257024d408"
+    id="openapi-ecfabf3cb12896924ad3319e90215aaa"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -291,12 +295,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -450,19 +454,19 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1693948281" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1693948281" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1694470324" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1694470324" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948281", assetsBuster:  1693948281  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470324", assetsBuster:  1694470324  };
     </script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index 079c7a9928..8d6f85babd 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -165,7 +165,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-128cfe016bcecb0baaf9ab257024d408"
+    id="openapi-ecfabf3cb12896924ad3319e90215aaa"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -179,14 +179,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1693948281" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1693948281" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1694470324" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1694470324" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948281", assetsBuster:  1693948281  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470324", assetsBuster:  1694470324  };
     </script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 71eced7e0a..25eb33155f 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/tab/index.html" title="Tab (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/siteparam/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/tab/index.html" title="Tab (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/siteparam/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -203,13 +207,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4162252ed669d7923bd7f44e59ffed39">
+<div class="tab-panel" data-tab-group="8d77a43747c7ee4a9cdb0d99d0ca24ed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4162252ed669d7923bd7f44e59ffed39','configtoml')"
+      onclick="switchTab('8d77a43747c7ee4a9cdb0d99d0ca24ed','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -318,12 +322,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="../../../js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -477,13 +481,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 47c5d8c2a2..75f0f52ac6 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,13 +168,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4162252ed669d7923bd7f44e59ffed39">
+<div class="tab-panel" data-tab-group="8d77a43747c7ee4a9cdb0d99d0ca24ed">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4162252ed669d7923bd7f44e59ffed39','configtoml')"
+      onclick="switchTab('8d77a43747c7ee4a9cdb0d99d0ca24ed','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -205,8 +205,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 4de5a66075..458f5b4f98 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../pir/shortcodes/tabs/index.html" title="Tabs (&#129104;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/tab/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../pir/shortcodes/tabs/index.html" title="Tabs (🡐)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/tab/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -117,13 +121,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="ed3365e607be7369bd596bf40010c1ec">
+<div class="tab-panel" data-tab-group="75a6643d36ab8fd08ada2921d3374e2e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ed3365e607be7369bd596bf40010c1ec','c')"
+      onclick="switchTab('75a6643d36ab8fd08ada2921d3374e2e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -237,13 +241,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="85a1c059b49349db9ad2378d6f5bb084">
+<div class="tab-panel" data-tab-group="d2ce4660ea63fa96aa1e0124021c239f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('85a1c059b49349db9ad2378d6f5bb084','code')"
+      onclick="switchTab('d2ce4660ea63fa96aa1e0124021c239f','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -268,13 +272,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="815d65ae24a233f057cdecc4be7d85e5">
+<div class="tab-panel" data-tab-group="af307e15f9a9bfd39ec36e388a7e5440">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('815d65ae24a233f057cdecc4be7d85e5','emstrongmixedstrongem')"
+      onclick="switchTab('af307e15f9a9bfd39ec36e388a7e5440','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -322,13 +326,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="8460934adf2cb2b8bb61b190cd7d6478">
+<div class="tab-panel" data-tab-group="93d3469e94725c5b7505cf945ed164fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-colored-style')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -338,7 +342,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -348,7 +352,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','default-style-and-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -358,7 +362,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -368,7 +372,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -512,12 +516,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -671,13 +675,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 8fd18700e2..94352b76aa 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,13 +81,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="ed3365e607be7369bd596bf40010c1ec">
+<div class="tab-panel" data-tab-group="75a6643d36ab8fd08ada2921d3374e2e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ed3365e607be7369bd596bf40010c1ec','c')"
+      onclick="switchTab('75a6643d36ab8fd08ada2921d3374e2e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -201,13 +201,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="85a1c059b49349db9ad2378d6f5bb084">
+<div class="tab-panel" data-tab-group="d2ce4660ea63fa96aa1e0124021c239f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('85a1c059b49349db9ad2378d6f5bb084','code')"
+      onclick="switchTab('d2ce4660ea63fa96aa1e0124021c239f','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -232,13 +232,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="815d65ae24a233f057cdecc4be7d85e5">
+<div class="tab-panel" data-tab-group="af307e15f9a9bfd39ec36e388a7e5440">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('815d65ae24a233f057cdecc4be7d85e5','emstrongmixedstrongem')"
+      onclick="switchTab('af307e15f9a9bfd39ec36e388a7e5440','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -286,13 +286,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="8460934adf2cb2b8bb61b190cd7d6478">
+<div class="tab-panel" data-tab-group="93d3469e94725c5b7505cf945ed164fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-colored-style')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -302,7 +302,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -312,7 +312,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','default-style-and-color')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -322,7 +322,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -332,7 +332,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('8460934adf2cb2b8bb61b190cd7d6478','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('93d3469e94725c5b7505cf945ed164fe','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -398,8 +398,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index f8f28c8c41..fa7f5f615f 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/shortcodes/tab/index.html" title="Tab (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/shortcodes/tabs/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/shortcodes/tab/index.html" title="Tab (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../pir/shortcodes/tabs/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -116,13 +120,13 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="47ce3ec8e1789b11cab26962e2b9df33">
+<div class="tab-panel" data-tab-group="0b4c7f3637e47c9dccf74c6d0b48f533">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','py')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -132,7 +136,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','sh')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -142,7 +146,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','c')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -299,13 +303,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="d5369668a45bc89ec3a530a62418a669">
+<div class="tab-panel" data-tab-group="19e1cf5dc0a48f13bbed5d504c19678c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-1')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -315,7 +319,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-2')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -325,7 +329,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-b')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -802,12 +806,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948279" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948279" defer></script>
-        <script src="../../../js/search.js?1693948279" defer></script>
+        <script src="../../../js/auto-complete.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470323" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470323" defer></script>
+        <script src="../../../js/search.js?1694470323" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -961,13 +965,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948279"></script>
+          <script async src="../../../js/github-buttons.js?1694470323"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948279" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948279" defer></script>
-    <script src="../../../js/theme.js?1693948279" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470323" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470323" defer></script>
+    <script src="../../../js/theme.js?1694470323" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 75823c8750..33bcd71e76 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../../js/url.js?1693948281"></script>
-    <script src="../../../js/variant.js?1693948281"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../../js/url.js?1694470324"></script>
+    <script src="../../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,13 +81,13 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="47ce3ec8e1789b11cab26962e2b9df33">
+<div class="tab-panel" data-tab-group="0b4c7f3637e47c9dccf74c6d0b48f533">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','py')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -97,7 +97,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','sh')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -107,7 +107,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('47ce3ec8e1789b11cab26962e2b9df33','c')"
+      onclick="switchTab('0b4c7f3637e47c9dccf74c6d0b48f533','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -264,13 +264,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="d5369668a45bc89ec3a530a62418a669">
+<div class="tab-panel" data-tab-group="19e1cf5dc0a48f13bbed5d504c19678c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-1')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -280,7 +280,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-a-tab-view-2')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -290,7 +290,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d5369668a45bc89ec3a530a62418a669','group-b')"
+      onclick="switchTab('19e1cf5dc0a48f13bbed5d504c19678c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -689,8 +689,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index bd353b72ad..3c0361b29b 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/shortcodes/tabs/index.html" title="Tabs (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../pir/showcase/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.pir.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/shortcodes/tabs/index.html" title="Tabs (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../pir/showcase/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -104,14 +108,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-517e8adf675e669398165b81464352ce" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-517e8adf675e669398165b81464352ce"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a6b9370c373d6a166f81fa334ee4bb19" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a6b9370c373d6a166f81fa334ee4bb19"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-2d0f16d2a626aee0697793552f11390a" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2d0f16d2a626aee0697793552f11390a"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-1a69f99d9df12bc57667d3e1265908fb" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-1a69f99d9df12bc57667d3e1265908fb"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-e67f10e3c6367305cb6ab57da97fa5ba" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-e67f10e3c6367305cb6ab57da97fa5ba"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb0cbad33f51f0657bc4074b039ddc06" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb0cbad33f51f0657bc4074b039ddc06"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -200,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../js/search.js?1693948281" defer></script>
+        <script src="../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -359,13 +363,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index d300f1dce9..277f4a0387 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948281" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948281" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948281" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948281" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948281" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948281" rel="stylesheet">
-    <link href="../../css/print.css?1693948281" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948281" rel="stylesheet">
-    <link href="../../css/ie.css?1693948281" rel="stylesheet">
-    <script src="../../js/url.js?1693948281"></script>
-    <script src="../../js/variant.js?1693948281"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470324" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470324" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470324" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470324" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470324" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470324" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470324" rel="stylesheet">
+    <link href="../../css/print.css?1694470324" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470324" rel="stylesheet">
+    <link href="../../css/ie.css?1694470324" rel="stylesheet">
+    <script src="../../js/url.js?1694470324"></script>
+    <script src="../../js/variant.js?1694470324"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -77,14 +77,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-517e8adf675e669398165b81464352ce" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-517e8adf675e669398165b81464352ce"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a6b9370c373d6a166f81fa334ee4bb19" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a6b9370c373d6a166f81fa334ee4bb19"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-2d0f16d2a626aee0697793552f11390a" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2d0f16d2a626aee0697793552f11390a"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-1a69f99d9df12bc57667d3e1265908fb" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-1a69f99d9df12bc57667d3e1265908fb"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-e67f10e3c6367305cb6ab57da97fa5ba" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-e67f10e3c6367305cb6ab57da97fa5ba"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb0cbad33f51f0657bc4074b039ddc06" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb0cbad33f51f0657bc4074b039ddc06"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 2d103c9e32..0b2c85d916 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -181,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -340,13 +344,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index b688199e1d..5caf5b3a79 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index e038c4a00b..83a777a881 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index b3461ac079..aa04c71324 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,12 +52,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -164,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -322,13 +326,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 6dd9d4821e..bb5748dd91 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -171,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -330,13 +334,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index a20477d095..e006c03e6b 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Taks :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../js/url.js?1694470322"></script>
+    <script src="../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -199,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../js/search.js?1693948281" defer></script>
+        <script src="../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +362,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../js/theme.js?1693948281" defer></script>
+    <script src="../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 44fb37b3c5..a543256aad 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -175,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -334,13 +338,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 84b1504f8e..145f194d1c 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1693948278" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470322" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470322" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470322" rel="stylesheet">
+    <link href="../../../css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470322" rel="stylesheet">
+    <script src="../../../js/url.js?1694470322"></script>
+    <script src="../../../js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,12 +52,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (&#129106;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -164,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948281" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948281" defer></script>
-        <script src="../../../js/search.js?1693948281" defer></script>
+        <script src="../../../js/auto-complete.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470324" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470324" defer></script>
+        <script src="../../../js/search.js?1694470324" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -322,13 +326,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948281"></script>
+          <script async src="../../../js/github-buttons.js?1694470324"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948281" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948281" defer></script>
-    <script src="../../../js/theme.js?1693948281" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470324" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470324" defer></script>
+    <script src="../../../js/theme.js?1694470324" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 2a574ec18b..e80a353783 100644
--- a/search.html
+++ b/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="canonical" type="text/html" title="Search :: Hugo Relearn Theme">
-    <link href="./images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="./css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="./css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1693948278" rel="stylesheet">
-    <link href="./css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1693948278" rel="stylesheet">
-    <link href="./css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1693948278" rel="stylesheet">
-    <script src="./js/url.js?1693948278"></script>
-    <script src="./js/variant.js?1693948278"></script>
+    <link href="./css/fontawesome-all.min.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694470322" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694470322" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694470322" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694470322" rel="stylesheet">
+    <link href="./css/fonts.css?1694470322" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694470322" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694470322" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694470322" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694470322" rel="stylesheet">
+    <link href="./css/print.css?1694470322" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1694470322" rel="stylesheet">
+    <script src="./js/url.js?1694470322"></script>
+    <script src="./js/variant.js?1694470322"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="./index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="./index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -181,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1693948278" defer></script>
-        <script src="./js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="./js/search.js?1693948278" defer></script>
+        <script src="./js/auto-complete.js?1694470322" defer></script>
+        <script src="./js/lunr/lunr.min.js?1694470322" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1694470322" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1694470322" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1694470322" defer></script>
+        <script src="./js/search.js?1694470322" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -340,13 +344,13 @@
               }
             });
           </script>
-          <script async src="./js/github-buttons.js?1693948278"></script>
+          <script async src="./js/github-buttons.js?1694470322"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1693948278" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="./js/theme.js?1693948278" defer></script>
+    <script src="./js/clipboard.min.js?1694470322" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="./js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 1f4246b414..50852d13ea 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/badge/index.html" title="Badge (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/index.html" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/attachments/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/badge/index.html" title="Badge (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/index.html" title="Shortcodes (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/attachments/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -453,12 +457,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948276" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948276" defer></script>
-        <script src="../../js/search.js?1693948276" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -612,13 +616,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948276"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948276" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948276" defer></script>
-    <script src="../../js/theme.js?1693948276" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 2afb429bc8..6671669dfc 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -332,8 +332,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 2b8ca3970b..b34d9c4058 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/button/index.html" title="Button (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/attachments/index.html" title="Attachments (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/badge/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/button/index.html" title="Button (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/attachments/index.html" title="Attachments (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/badge/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -392,12 +396,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -551,13 +555,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index bf705d2d58..bd73bf861a 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -278,8 +278,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index ee0f7b8a17..43a6ffcf39 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/children/index.html" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/badge/index.html" title="Badge (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/button/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/children/index.html" title="Children (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/badge/index.html" title="Badge (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/button/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -532,12 +536,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -691,13 +695,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 7a1fdb43df..e30d6efcb6 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -417,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
index 4185130676..c364c2f9aa 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" title="page 1-1-1-1-1 (hidden) (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" title="page 1-1-1-1-1 (hidden) (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -188,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -351,13 +355,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
index 57797e394d..3d8fbf386c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
index 1f468cae4c..d707bef24e 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" title="page 1-1-1-1-1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" title="page 1-1-1-1-1-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -203,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +370,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
index 01652df270..00059f1d37 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,8 +119,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index ac6a64b2e1..db8cc859b8 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="page 1-1-1 (hidden) (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="page 1-1-1 (hidden) (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -202,12 +206,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +367,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
index a2de2809cd..9bb18afd4c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,8 +102,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
index 0ebc488c2a..40cb553175 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -201,12 +205,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +366,13 @@
               }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
index 936ff7707e..48dd46dc4b 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,8 +126,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index 2305175947..2bc6287379 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -187,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -346,13 +350,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
index 02e71ceebc..9afd8b8edc 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
index 0313adba82..b1aa6a5687 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -187,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -346,13 +350,13 @@
               }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
index b9d84a0467..06c503c090 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 1bbea72599..58b17d6d1e 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -203,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +366,13 @@
               }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
index f629613113..c8bbd92e17 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="canonical" type="text/html" title="page 1-1-2 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,8 +135,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index 11a0bdc95d..69741f4265 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948276"></script>
-    <script src="../../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470320"></script>
+    <script src="../../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../../shortcodes/children/children-2/index.html" title="page 2 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../../shortcodes/children/children-2/index.html" title="page 2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -186,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -345,13 +349,13 @@
               }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
index cc00b3422f..0dc2739d70 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../../js/url.js?1693948278"></script>
-    <script src="../../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694470321"></script>
+    <script src="../../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/index.html b/shortcodes/children/children-1/children-1-1/index.html
index 7c12794e57..2350107c16 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948276"></script>
-    <script src="../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470320"></script>
+    <script src="../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../shortcodes/children/children-1/index.html" title="page 1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../shortcodes/children/children-1/children-1-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../shortcodes/children/children-1/index.html" title="page 1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../shortcodes/children/children-1/children-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -203,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +366,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/index.print.html b/shortcodes/children/children-1/children-1-1/index.print.html
index 51fdeff0d2..d2f240e7ed 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470321"></script>
+    <script src="../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -177,8 +177,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 1d032ff9f0..f15301aad4 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../js/url.js?1693948276"></script>
-    <script src="../../../js/variant.js?1693948276"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../js/url.js?1694470320"></script>
+    <script src="../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../shortcodes/children/test/index.html" title="page X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../shortcodes/children/children-1/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../shortcodes/children/test/index.html" title="page X (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../shortcodes/children/children-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -200,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../js/search.js?1693948277" defer></script>
+        <script src="../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -359,13 +363,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 0744126d81..55436fffe8 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../js/url.js?1694470321"></script>
+    <script src="../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 325a4bb374..4842515221 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../js/url.js?1693948276"></script>
-    <script src="../../../js/variant.js?1693948276"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../js/url.js?1694470320"></script>
+    <script src="../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../shortcodes/children/children-3/index.html" title="page 3 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../shortcodes/children/children-2/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../shortcodes/children/children-3/index.html" title="page 3 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../shortcodes/children/children-2/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -185,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../js/search.js?1693948277" defer></script>
+        <script src="../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -344,13 +348,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index fa344ff21e..c345951d9b 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../js/url.js?1694470321"></script>
+    <script src="../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index c3e618b7af..6600cc7032 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../js/url.js?1693948276"></script>
-    <script src="../../../js/variant.js?1693948276"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../js/url.js?1694470320"></script>
+    <script src="../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../shortcodes/children/children-2/index.html" title="page 2 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../shortcodes/children/children-3/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../shortcodes/children/children-2/index.html" title="page 2 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../shortcodes/children/children-3/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -200,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../js/search.js?1693948277" defer></script>
+        <script src="../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -359,13 +363,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 773bca73a6..fd55804936 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../js/url.js?1694470321"></script>
+    <script src="../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 8328b69dcb..5c6ea98adf 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948276"></script>
-    <script src="../../../../js/variant.js?1693948276"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470320"></script>
+    <script src="../../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../../shortcodes/expand/index.html" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../../shortcodes/children/children-3/index.html" title="page 3 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../../shortcodes/children/children-3/test3/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../../shortcodes/expand/index.html" title="Expand (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../../shortcodes/children/children-3/index.html" title="page 3 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../../shortcodes/children/children-3/test3/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -185,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../../js/search.js?1693948277" defer></script>
+        <script src="../../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -344,13 +348,13 @@
               }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.print.html b/shortcodes/children/children-3/test3/index.print.html
index d20e279ea5..3f1b75cf72 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../../js/url.js?1693948278"></script>
-    <script src="../../../../js/variant.js?1693948278"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../../js/url.js?1694470321"></script>
+    <script src="../../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 72cfcf0dab..e8e4635ce9 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../js/url.js?1693948276"></script>
-    <script src="../../../js/variant.js?1693948276"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../js/url.js?1694470320"></script>
+    <script src="../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,22 +55,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../shortcodes/expand/index.html" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../shortcodes/children/children-4/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../shortcodes/expand/index.html" title="Expand (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../shortcodes/children/children-4/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -183,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../js/search.js?1693948277" defer></script>
+        <script src="../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -343,13 +347,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 135274b45b..139353bab1 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../js/url.js?1694470321"></script>
+    <script src="../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index c5eb6d499b..2a699c6c66 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/children/test/index.html" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/button/index.html" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/children/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/children/test/index.html" title="page X (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/button/index.html" title="Button (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/children/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -395,12 +399,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -554,13 +558,13 @@ So its content is used as description.</p>
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 890bdda502..0b0a714c6e 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -481,8 +481,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 43e01ab96f..6c9ae395f4 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../../js/url.js?1693948276"></script>
-    <script src="../../../js/variant.js?1693948276"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../../js/url.js?1694470320"></script>
+    <script src="../../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -57,22 +57,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../../shortcodes/children/children-1/index.html" title="page 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../../shortcodes/children/index.html" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../../shortcodes/children/test/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../../shortcodes/children/children-1/index.html" title="page 1 (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../../shortcodes/children/index.html" title="Children (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../../shortcodes/children/test/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -184,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../../js/search.js?1693948277" defer></script>
+        <script src="../../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -343,13 +347,13 @@
               }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../../js/theme.js?1693948277" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 130ea90038..8307e391d0 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../../js/url.js?1693948278"></script>
-    <script src="../../../js/variant.js?1693948278"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../../js/url.js?1694470321"></script>
+    <script src="../../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../../js/theme.js?1693948278" defer></script>
+    <script src="../../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 9a2af2972f..6c7a878c4e 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/highlight/index.html" title="Highlight (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/expand/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/highlight/index.html" title="Highlight (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/expand/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -115,13 +119,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-1db38c0cab37bfe66235a4511c99e82f" aria-controls="expandcontent-1db38c0cab37bfe66235a4511c99e82f" >
-    <label class="expand-label" for="expand-1db38c0cab37bfe66235a4511c99e82f" >
+    <input type="checkbox" id="expand-b356e4f11db127c424a38c437fef75ca" aria-controls="expandcontent-b356e4f11db127c424a38c437fef75ca" >
+    <label class="expand-label" for="expand-b356e4f11db127c424a38c437fef75ca" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-1db38c0cab37bfe66235a4511c99e82f" class="expand-content">
+    <div id="expandcontent-b356e4f11db127c424a38c437fef75ca" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -248,26 +252,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-444296a28b413e212b33a138d38f8c97" aria-controls="expandcontent-444296a28b413e212b33a138d38f8c97" >
-    <label class="expand-label" for="expand-444296a28b413e212b33a138d38f8c97" >
+    <input type="checkbox" id="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" aria-controls="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
+    <label class="expand-label" for="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-444296a28b413e212b33a138d38f8c97" class="expand-content">
+    <div id="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a97e052e68a1292d1129a0e767675f9c" aria-controls="expandcontent-a97e052e68a1292d1129a0e767675f9c"  checked>
-    <label class="expand-label" for="expand-a97e052e68a1292d1129a0e767675f9c" >
+    <input type="checkbox" id="expand-1a8b57f44532061adf71207e6f8a38b3" aria-controls="expandcontent-1a8b57f44532061adf71207e6f8a38b3"  checked>
+    <label class="expand-label" for="expand-1a8b57f44532061adf71207e6f8a38b3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a97e052e68a1292d1129a0e767675f9c" class="expand-content">
+    <div id="expandcontent-1a8b57f44532061adf71207e6f8a38b3" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -288,13 +292,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-962be3ff2a57ab421aea946a36eaa0af" aria-controls="expandcontent-962be3ff2a57ab421aea946a36eaa0af" >
-    <label class="expand-label" for="expand-962be3ff2a57ab421aea946a36eaa0af" >
+    <input type="checkbox" id="expand-8261014625f7cffb516492dae7d36524" aria-controls="expandcontent-8261014625f7cffb516492dae7d36524" >
+    <label class="expand-label" for="expand-8261014625f7cffb516492dae7d36524" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-962be3ff2a57ab421aea946a36eaa0af" class="expand-content">
+    <div id="expandcontent-8261014625f7cffb516492dae7d36524" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -396,12 +400,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -555,13 +559,13 @@ No need to press you!</div>
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 8a9867d1b7..893eef14c7 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,13 +79,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-1db38c0cab37bfe66235a4511c99e82f" aria-controls="expandcontent-1db38c0cab37bfe66235a4511c99e82f" >
-    <label class="expand-label" for="expand-1db38c0cab37bfe66235a4511c99e82f" >
+    <input type="checkbox" id="expand-b356e4f11db127c424a38c437fef75ca" aria-controls="expandcontent-b356e4f11db127c424a38c437fef75ca" >
+    <label class="expand-label" for="expand-b356e4f11db127c424a38c437fef75ca" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-1db38c0cab37bfe66235a4511c99e82f" class="expand-content">
+    <div id="expandcontent-b356e4f11db127c424a38c437fef75ca" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -212,26 +212,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-444296a28b413e212b33a138d38f8c97" aria-controls="expandcontent-444296a28b413e212b33a138d38f8c97" >
-    <label class="expand-label" for="expand-444296a28b413e212b33a138d38f8c97" >
+    <input type="checkbox" id="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" aria-controls="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
+    <label class="expand-label" for="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-444296a28b413e212b33a138d38f8c97" class="expand-content">
+    <div id="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a97e052e68a1292d1129a0e767675f9c" aria-controls="expandcontent-a97e052e68a1292d1129a0e767675f9c"  checked>
-    <label class="expand-label" for="expand-a97e052e68a1292d1129a0e767675f9c" >
+    <input type="checkbox" id="expand-1a8b57f44532061adf71207e6f8a38b3" aria-controls="expandcontent-1a8b57f44532061adf71207e6f8a38b3"  checked>
+    <label class="expand-label" for="expand-1a8b57f44532061adf71207e6f8a38b3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a97e052e68a1292d1129a0e767675f9c" class="expand-content">
+    <div id="expandcontent-1a8b57f44532061adf71207e6f8a38b3" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -252,13 +252,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-962be3ff2a57ab421aea946a36eaa0af" aria-controls="expandcontent-962be3ff2a57ab421aea946a36eaa0af" >
-    <label class="expand-label" for="expand-962be3ff2a57ab421aea946a36eaa0af" >
+    <input type="checkbox" id="expand-8261014625f7cffb516492dae7d36524" aria-controls="expandcontent-8261014625f7cffb516492dae7d36524" >
+    <label class="expand-label" for="expand-8261014625f7cffb516492dae7d36524" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-962be3ff2a57ab421aea946a36eaa0af" class="expand-content">
+    <div id="expandcontent-8261014625f7cffb516492dae7d36524" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -282,8 +282,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 2513eea5b8..e16665fc02 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/icon/index.html" title="Icon (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/expand/index.html" title="Expand (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/highlight/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/icon/index.html" title="Icon (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/expand/index.html" title="Expand (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/highlight/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -122,13 +126,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="7348f4e567d7bcddde1ea524c656604f">
+<div class="tab-panel" data-tab-group="372dfbee8092f30ca4752a62efe250f8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7348f4e567d7bcddde1ea524c656604f','python')"
+      onclick="switchTab('372dfbee8092f30ca4752a62efe250f8','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -351,13 +355,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="8f015d94252305a7b0bb8c9a6f1c308f">
+<div class="tab-panel" data-tab-group="ceb0b8ae3a55bde5f714a697bc6dc18b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('8f015d94252305a7b0bb8c9a6f1c308f','python')"
+      onclick="switchTab('ceb0b8ae3a55bde5f714a697bc6dc18b','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -478,12 +482,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -637,13 +641,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 00e69ac5ca..0b58f3ad2e 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,13 +79,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="7348f4e567d7bcddde1ea524c656604f">
+<div class="tab-panel" data-tab-group="372dfbee8092f30ca4752a62efe250f8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7348f4e567d7bcddde1ea524c656604f','python')"
+      onclick="switchTab('372dfbee8092f30ca4752a62efe250f8','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -308,13 +308,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="8f015d94252305a7b0bb8c9a6f1c308f">
+<div class="tab-panel" data-tab-group="ceb0b8ae3a55bde5f714a697bc6dc18b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('8f015d94252305a7b0bb8c9a6f1c308f','python')"
+      onclick="switchTab('ceb0b8ae3a55bde5f714a697bc6dc18b','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -357,8 +357,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index b6f85f3fd2..f8ddb92803 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/include/index.html" title="Include (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/highlight/index.html" title="Highlight (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/icon/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/include/index.html" title="Include (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/highlight/index.html" title="Highlight (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/icon/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -319,12 +323,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -478,13 +482,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index eb37338176..b444e69163 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index f8e76d05ab..07511b8c2c 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/math/index.html" title="Math (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/icon/index.html" title="Icon (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/include/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/math/index.html" title="Math (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/icon/index.html" title="Icon (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/include/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -309,12 +313,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -468,13 +472,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 5ec135ad79..635ae9b0fb 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,8 +197,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index de8ffe31b0..0f7a0d1ff1 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,22 +52,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/attachments/index.html" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/index.html" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/include_me/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/INCLUDE_ME.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/attachments/index.html" title="Attachments (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/index.html" title="Shortcodes (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/include_me/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/INCLUDE_ME.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -193,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -352,13 +356,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 83b189ce3c..e59bfb70b5 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 6b0a5a0fce..f3cc25bc80 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.print.html" rel="alternate" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../shortcodes/attachments/index.html" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../cont/taxonomy/index.html" title="Taxonomy (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../shortcodes/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../shortcodes/attachments/index.html" title="Attachments (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../cont/taxonomy/index.html" title="Taxonomy (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../shortcodes/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -201,12 +205,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../js/search.js?1693948277" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -360,13 +364,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948277"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../js/theme.js?1693948277" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index fc2ebeef20..44e3c9064b 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="canonical" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../js/url.js?1694470321"></script>
+    <script src="../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1327,13 +1327,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-1db38c0cab37bfe66235a4511c99e82f" aria-controls="expandcontent-1db38c0cab37bfe66235a4511c99e82f" >
-    <label class="expand-label" for="expand-1db38c0cab37bfe66235a4511c99e82f" >
+    <input type="checkbox" id="expand-b356e4f11db127c424a38c437fef75ca" aria-controls="expandcontent-b356e4f11db127c424a38c437fef75ca" >
+    <label class="expand-label" for="expand-b356e4f11db127c424a38c437fef75ca" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-1db38c0cab37bfe66235a4511c99e82f" class="expand-content">
+    <div id="expandcontent-b356e4f11db127c424a38c437fef75ca" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -1460,26 +1460,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-444296a28b413e212b33a138d38f8c97" aria-controls="expandcontent-444296a28b413e212b33a138d38f8c97" >
-    <label class="expand-label" for="expand-444296a28b413e212b33a138d38f8c97" >
+    <input type="checkbox" id="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" aria-controls="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
+    <label class="expand-label" for="expand-3e9bf4ec3c1b86ef15153ae4d35f5cab" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-444296a28b413e212b33a138d38f8c97" class="expand-content">
+    <div id="expandcontent-3e9bf4ec3c1b86ef15153ae4d35f5cab" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-a97e052e68a1292d1129a0e767675f9c" aria-controls="expandcontent-a97e052e68a1292d1129a0e767675f9c"  checked>
-    <label class="expand-label" for="expand-a97e052e68a1292d1129a0e767675f9c" >
+    <input type="checkbox" id="expand-1a8b57f44532061adf71207e6f8a38b3" aria-controls="expandcontent-1a8b57f44532061adf71207e6f8a38b3"  checked>
+    <label class="expand-label" for="expand-1a8b57f44532061adf71207e6f8a38b3" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a97e052e68a1292d1129a0e767675f9c" class="expand-content">
+    <div id="expandcontent-1a8b57f44532061adf71207e6f8a38b3" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1500,13 +1500,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-962be3ff2a57ab421aea946a36eaa0af" aria-controls="expandcontent-962be3ff2a57ab421aea946a36eaa0af" >
-    <label class="expand-label" for="expand-962be3ff2a57ab421aea946a36eaa0af" >
+    <input type="checkbox" id="expand-8261014625f7cffb516492dae7d36524" aria-controls="expandcontent-8261014625f7cffb516492dae7d36524" >
+    <label class="expand-label" for="expand-8261014625f7cffb516492dae7d36524" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-962be3ff2a57ab421aea946a36eaa0af" class="expand-content">
+    <div id="expandcontent-8261014625f7cffb516492dae7d36524" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1535,13 +1535,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="7348f4e567d7bcddde1ea524c656604f">
+<div class="tab-panel" data-tab-group="372dfbee8092f30ca4752a62efe250f8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7348f4e567d7bcddde1ea524c656604f','python')"
+      onclick="switchTab('372dfbee8092f30ca4752a62efe250f8','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1764,13 +1764,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="8f015d94252305a7b0bb8c9a6f1c308f">
+<div class="tab-panel" data-tab-group="ceb0b8ae3a55bde5f714a697bc6dc18b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('8f015d94252305a7b0bb8c9a6f1c308f','python')"
+      onclick="switchTab('ceb0b8ae3a55bde5f714a697bc6dc18b','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -3309,7 +3309,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-fe130ec4a502a7c3591f6f03c36b3edc"
+    id="openapi-420620ab670905090217429ba396351b"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3415,13 +3415,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="72c9de7435ee0da2aeb16248edcba683">
+<div class="tab-panel" data-tab-group="2d96f84c3b68449d048c44b37173411a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('72c9de7435ee0da2aeb16248edcba683','configtoml')"
+      onclick="switchTab('2d96f84c3b68449d048c44b37173411a','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3457,13 +3457,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="a2a2aa5cbd280877c210f1403c068651">
+<div class="tab-panel" data-tab-group="562b8b07ff8552d9db8b8de29cde3c5d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a2a2aa5cbd280877c210f1403c068651','c')"
+      onclick="switchTab('562b8b07ff8552d9db8b8de29cde3c5d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3577,13 +3577,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="d4c05e1214c31bbfe306bbbfdad8b8a0">
+<div class="tab-panel" data-tab-group="90825bf91963e6c1c4a076168d57e87e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c05e1214c31bbfe306bbbfdad8b8a0','code')"
+      onclick="switchTab('90825bf91963e6c1c4a076168d57e87e','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3608,13 +3608,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1bbc4062d28c7e0cf3fc40b67d49582e">
+<div class="tab-panel" data-tab-group="ea48138aa786252671059c2ea509cb19">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1bbc4062d28c7e0cf3fc40b67d49582e','emstrongmixedstrongem')"
+      onclick="switchTab('ea48138aa786252671059c2ea509cb19','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3662,13 +3662,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="b7f59354024b2184ba6c9b4084520165">
+<div class="tab-panel" data-tab-group="d64c94905282ea440d30df9368ee770e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-colored-style')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3678,7 +3678,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3688,7 +3688,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','default-style-and-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -3698,7 +3698,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -3708,7 +3708,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -3779,13 +3779,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="90f3b844b20030fb905e493683ae4099">
+<div class="tab-panel" data-tab-group="2898d865c6505f172a7bba9ab26fd4fe">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','py')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3795,7 +3795,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','sh')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3805,7 +3805,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','c')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3962,13 +3962,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="7b0994fca74ef6ab2d5541ea807e9467">
+<div class="tab-panel" data-tab-group="ad778c613c7c9c5fb95558bebbf1a05e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-1')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3978,7 +3978,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-2')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3988,7 +3988,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-b')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4387,8 +4387,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948278" defer></script>
+    <script src="../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470322" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4417,27 +4417,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1693948278"></script>
-    <script src="../js/d3/d3-color.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1693948278" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1693948278" defer></script>
-    <script src="../js/js-yaml.min.js?1693948278" defer></script>
-    <script src="../js/mermaid.min.js?1693948278" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1694470322"></script>
+    <script src="../js/d3/d3-color.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1694470322" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1694470322" defer></script>
+    <script src="../js/js-yaml.min.js?1694470322" defer></script>
+    <script src="../js/mermaid.min.js?1694470322" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1693948278" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1693948278" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1694470322" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1694470322" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948278", assetsBuster:  1693948278  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470322", assetsBuster:  1694470322  };
     </script>
-    <script src="../js/theme.js?1693948278" defer></script>
+    <script src="../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index dafaef4d96..452be2f04d 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/mermaid/index.html" title="Mermaid (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/include/index.html" title="Include (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/math/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/mermaid/index.html" title="Mermaid (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/include/index.html" title="Include (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/math/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -369,12 +373,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -528,13 +532,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -563,7 +567,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1693948277"></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694470321"></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 97d6363334..3c732e339a 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -248,8 +248,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -278,7 +278,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1693948278"></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694470321"></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 5c24e81343..be7df31058 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/notice/index.html" title="Notice (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/math/index.html" title="Math (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/mermaid/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/notice/index.html" title="Notice (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/math/index.html" title="Math (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/mermaid/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -835,12 +839,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -994,27 +998,27 @@ Electricity grid,H2 conversion,27.14
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1693948277" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1693948277" defer></script>
-    <script src="../../js/js-yaml.min.js?1693948277" defer></script>
-    <script src="../../js/mermaid.min.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694470321" defer></script>
+    <script src="../../js/js-yaml.min.js?1694470321" defer></script>
+    <script src="../../js/mermaid.min.js?1694470321" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index c5ad8ded19..271596675c 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -703,22 +703,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1693948278" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1693948278" defer></script>
-    <script src="../../js/js-yaml.min.js?1693948278" defer></script>
-    <script src="../../js/mermaid.min.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694470321" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694470321" defer></script>
+    <script src="../../js/js-yaml.min.js?1694470321" defer></script>
+    <script src="../../js/mermaid.min.js?1694470321" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 243df6bf67..dc492738cd 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/openapi/index.html" title="OpenAPI (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/mermaid/index.html" title="Mermaid (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/notice/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/openapi/index.html" title="OpenAPI (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/mermaid/index.html" title="Mermaid (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/notice/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -540,12 +544,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -699,13 +703,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index ab1fce9aca..ba05c748dc 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -424,8 +424,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index 97e12f45bf..17e309b929 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/siteparam/index.html" title="SiteParam (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/notice/index.html" title="Notice (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/openapi/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/siteparam/index.html" title="SiteParam (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/notice/index.html" title="Notice (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/openapi/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -198,7 +202,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-fe130ec4a502a7c3591f6f03c36b3edc"
+    id="openapi-420620ab670905090217429ba396351b"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -289,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -448,19 +452,19 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1693948277" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1693948277" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694470321" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694470321" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948277", assetsBuster:  1693948277  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470321", assetsBuster:  1694470321  };
     </script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index 375bbf6ec0..f56b125e14 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,7 +164,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-fe130ec4a502a7c3591f6f03c36b3edc"
+    id="openapi-420620ab670905090217429ba396351b"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -177,14 +177,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470322" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1693948278" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1693948278" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694470322" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694470322" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1693948278", assetsBuster:  1693948278  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694470322", assetsBuster:  1694470322  };
     </script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 3c7628075d..a643384d79 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/tab/index.html" title="Tab (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/openapi/index.html" title="OpenAPI (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/siteparam/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/tab/index.html" title="Tab (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/openapi/index.html" title="OpenAPI (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/siteparam/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -202,13 +206,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="72c9de7435ee0da2aeb16248edcba683">
+<div class="tab-panel" data-tab-group="2d96f84c3b68449d048c44b37173411a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('72c9de7435ee0da2aeb16248edcba683','configtoml')"
+      onclick="switchTab('2d96f84c3b68449d048c44b37173411a','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -316,12 +320,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -475,13 +479,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 1a4a1a2831..c3ebdbb7fe 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -167,13 +167,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="72c9de7435ee0da2aeb16248edcba683">
+<div class="tab-panel" data-tab-group="2d96f84c3b68449d048c44b37173411a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('72c9de7435ee0da2aeb16248edcba683','configtoml')"
+      onclick="switchTab('2d96f84c3b68449d048c44b37173411a','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index ffe2b01fab..1030bfd050 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <a class="nav nav-next topbar-link" href="../../shortcodes/tabs/index.html" title="Tabs (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/siteparam/index.html" title="SiteParam (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/tab/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<a href="../../shortcodes/tabs/index.html" title="Tabs (🡒)">
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/siteparam/index.html" title="SiteParam (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/tab/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -116,13 +120,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="a2a2aa5cbd280877c210f1403c068651">
+<div class="tab-panel" data-tab-group="562b8b07ff8552d9db8b8de29cde3c5d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a2a2aa5cbd280877c210f1403c068651','c')"
+      onclick="switchTab('562b8b07ff8552d9db8b8de29cde3c5d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -236,13 +240,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="d4c05e1214c31bbfe306bbbfdad8b8a0">
+<div class="tab-panel" data-tab-group="90825bf91963e6c1c4a076168d57e87e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c05e1214c31bbfe306bbbfdad8b8a0','code')"
+      onclick="switchTab('90825bf91963e6c1c4a076168d57e87e','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -267,13 +271,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1bbc4062d28c7e0cf3fc40b67d49582e">
+<div class="tab-panel" data-tab-group="ea48138aa786252671059c2ea509cb19">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1bbc4062d28c7e0cf3fc40b67d49582e','emstrongmixedstrongem')"
+      onclick="switchTab('ea48138aa786252671059c2ea509cb19','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -321,13 +325,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="b7f59354024b2184ba6c9b4084520165">
+<div class="tab-panel" data-tab-group="d64c94905282ea440d30df9368ee770e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-colored-style')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -337,7 +341,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -347,7 +351,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','default-style-and-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -357,7 +361,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -367,7 +371,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -510,12 +514,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -669,13 +673,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index b3996b07d6..32f27389de 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,13 +80,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="a2a2aa5cbd280877c210f1403c068651">
+<div class="tab-panel" data-tab-group="562b8b07ff8552d9db8b8de29cde3c5d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a2a2aa5cbd280877c210f1403c068651','c')"
+      onclick="switchTab('562b8b07ff8552d9db8b8de29cde3c5d','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -200,13 +200,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="d4c05e1214c31bbfe306bbbfdad8b8a0">
+<div class="tab-panel" data-tab-group="90825bf91963e6c1c4a076168d57e87e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d4c05e1214c31bbfe306bbbfdad8b8a0','code')"
+      onclick="switchTab('90825bf91963e6c1c4a076168d57e87e','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -231,13 +231,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1bbc4062d28c7e0cf3fc40b67d49582e">
+<div class="tab-panel" data-tab-group="ea48138aa786252671059c2ea509cb19">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1bbc4062d28c7e0cf3fc40b67d49582e','emstrongmixedstrongem')"
+      onclick="switchTab('ea48138aa786252671059c2ea509cb19','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -285,13 +285,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="b7f59354024b2184ba6c9b4084520165">
+<div class="tab-panel" data-tab-group="d64c94905282ea440d30df9368ee770e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-colored-style')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -301,7 +301,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -311,7 +311,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','default-style-and-color')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -321,7 +321,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -331,7 +331,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('b7f59354024b2184ba6c9b4084520165','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d64c94905282ea440d30df9368ee770e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -396,8 +396,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 483f8ba573..4ada35f08a 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../shortcodes/tab/index.html" title="Tab (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../../shortcodes/tabs/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../shortcodes/tab/index.html" title="Tab (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../../shortcodes/tabs/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -115,13 +119,13 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="90f3b844b20030fb905e493683ae4099">
+<div class="tab-panel" data-tab-group="2898d865c6505f172a7bba9ab26fd4fe">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','py')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -131,7 +135,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','sh')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -141,7 +145,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','c')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -298,13 +302,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="7b0994fca74ef6ab2d5541ea807e9467">
+<div class="tab-panel" data-tab-group="ad778c613c7c9c5fb95558bebbf1a05e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-1')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -314,7 +318,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-2')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -324,7 +328,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-b')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -800,12 +804,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../../js/search.js?1693948277" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -959,13 +963,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948277"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../../js/theme.js?1693948277" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index fc4f8d3c08..61881e9f22 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../../js/url.js?1693948278"></script>
-    <script src="../../js/variant.js?1693948278"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../../js/url.js?1694470321"></script>
+    <script src="../../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,13 +80,13 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="90f3b844b20030fb905e493683ae4099">
+<div class="tab-panel" data-tab-group="2898d865c6505f172a7bba9ab26fd4fe">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','py')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -96,7 +96,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','sh')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -106,7 +106,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('90f3b844b20030fb905e493683ae4099','c')"
+      onclick="switchTab('2898d865c6505f172a7bba9ab26fd4fe','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -263,13 +263,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="7b0994fca74ef6ab2d5541ea807e9467">
+<div class="tab-panel" data-tab-group="ad778c613c7c9c5fb95558bebbf1a05e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-1')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -279,7 +279,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-a-tab-view-2')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -289,7 +289,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7b0994fca74ef6ab2d5541ea807e9467','group-b')"
+      onclick="switchTab('ad778c613c7c9c5fb95558bebbf1a05e','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -687,8 +687,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 8c44b39bab..14a5984ed0 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,22 +56,26 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../shortcodes/tabs/index.html" title="Tabs (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link topbar-link" title='Print whole chapter (CTRL+ALT+p)' href="../showcase/index.print.html">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link topbar-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.en.md" target="_blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../shortcodes/tabs/index.html" title="Tabs (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-print">
+	<a href="../showcase/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+	  	<i class="fa-fw fas fa-print"></i>
+	</a>
+</div>
+<div class="topbar-button topbar-edit">
+	<a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+	  	<i class="fa-fw fas fa-pen"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -103,14 +107,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-af780c29735552a82467fa3bd27fa83b" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-af780c29735552a82467fa3bd27fa83b"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d012dc132b3d49bf8236a6032deb95cb" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d012dc132b3d49bf8236a6032deb95cb"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-a8474608d4ff4bb0801ffa2b8e199f93" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a8474608d4ff4bb0801ffa2b8e199f93"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-935bf27c52e03b2f10c21aee2c14cb8a" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-935bf27c52e03b2f10c21aee2c14cb8a"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-a65b03a5119a63587345b76b9375b0ad" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a65b03a5119a63587345b76b9375b0ad"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-231a029d24332390a9463d522b777ea6" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-231a029d24332390a9463d522b777ea6"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -198,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948277" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948277" defer></script>
-        <script src="../js/search.js?1693948277" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -357,13 +361,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948277"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948277" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948277" defer></script>
-    <script src="../js/theme.js?1693948277" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index c52d1f737d..4b9e32dfc5 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948278" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948278" rel="stylesheet">
-    <link href="../css/fonts.css?1693948278" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948278" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948278" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948278" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948278" rel="stylesheet">
-    <link href="../css/print.css?1693948278" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1693948278" rel="stylesheet">
-    <link href="../css/ie.css?1693948278" rel="stylesheet">
-    <script src="../js/url.js?1693948278"></script>
-    <script src="../js/variant.js?1693948278"></script>
+    <link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470321" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470321" rel="stylesheet">
+    <link href="../css/fonts.css?1694470321" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470321" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470321" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470321" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470321" rel="stylesheet">
+    <link href="../css/print.css?1694470321" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694470321" rel="stylesheet">
+    <link href="../css/ie.css?1694470321" rel="stylesheet">
+    <script src="../js/url.js?1694470321"></script>
+    <script src="../js/variant.js?1694470321"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,14 +76,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-af780c29735552a82467fa3bd27fa83b" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-af780c29735552a82467fa3bd27fa83b"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d012dc132b3d49bf8236a6032deb95cb" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d012dc132b3d49bf8236a6032deb95cb"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-a8474608d4ff4bb0801ffa2b8e199f93" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a8474608d4ff4bb0801ffa2b8e199f93"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-935bf27c52e03b2f10c21aee2c14cb8a" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-935bf27c52e03b2f10c21aee2c14cb8a"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-a65b03a5119a63587345b76b9375b0ad" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a65b03a5119a63587345b76b9375b0ad"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-231a029d24332390a9463d522b777ea6" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-231a029d24332390a9463d522b777ea6"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../js/theme.js?1693948278" defer></script>
+    <script src="../js/clipboard.min.js?1694470322" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470322" defer></script>
+    <script src="../js/theme.js?1694470322" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 1e90ec80cf..1f1d23232f 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -181,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -340,13 +344,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index b91d5e79d8..bc24c419e1 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 0c52109b40..4f66155643 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -167,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -326,13 +330,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index f882707aa6..2fd328abc3 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,12 +52,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -164,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -322,13 +326,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 029421a25c..9f5881c959 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -171,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -330,13 +334,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 5cc5cc43d9..497f2fd4b6 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../js/url.js?1693948276"></script>
-    <script src="../js/variant.js?1693948276"></script>
+    <link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../js/url.js?1694470320"></script>
+    <script src="../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -199,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1693948278" defer></script>
-        <script src="../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../js/search.js?1693948278" defer></script>
+        <script src="../js/auto-complete.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +362,13 @@
               }
             });
           </script>
-          <script async src="../js/github-buttons.js?1693948278"></script>
+          <script async src="../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../js/theme.js?1693948278" defer></script>
+    <script src="../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 8530625fac..6a408dc912 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,12 +55,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -175,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -334,13 +338,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 2810e7377d..cca555377c 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="tutorial :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1693948276" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694470320" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1693948276" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1693948276" rel="stylesheet">
-    <link href="../../css/fonts.css?1693948276" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1693948276" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1693948276" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1693948276" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1693948276" rel="stylesheet">
-    <link href="../../css/print.css?1693948276" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1693948276" rel="stylesheet">
-    <script src="../../js/url.js?1693948276"></script>
-    <script src="../../js/variant.js?1693948276"></script>
+    <link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694470320" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694470320" rel="stylesheet">
+    <link href="../../css/fonts.css?1694470320" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694470320" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694470320" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694470320" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694470320" rel="stylesheet">
+    <link href="../../css/print.css?1694470320" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694470320" rel="stylesheet">
+    <script src="../../js/url.js?1694470320"></script>
+    <script src="../../js/variant.js?1694470320"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,12 +52,16 @@
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
-          <div class="navigation">
-            <span class="nav nav-next topbar-link"><i class="fa fa-chevron-right fa-fw"></i></span>
-          </div>
-          <div class="navigation">
-            <a class="nav nav-prev topbar-link" href="../../index.html" title="Hugo Relearn Theme (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
+<div class="topbar-button topbar-next">
+	<span>
+	  	<i class="fa-fw fas fa-chevron-right"></i>
+	</span>
+</div>
+<div class="topbar-button topbar-prev">
+	<a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+	  	<i class="fa-fw fas fa-chevron-left"></i>
+	</a>
+</div>
           <div id="breadcrumbs">
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
@@ -164,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1693948278" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1693948278" defer></script>
-        <script src="../../js/search.js?1693948278" defer></script>
+        <script src="../../js/auto-complete.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694470321" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694470321" defer></script>
+        <script src="../../js/search.js?1694470321" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -322,13 +326,13 @@
               }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1693948278"></script>
+          <script async src="../../js/github-buttons.js?1694470321"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1693948278" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1693948278" defer></script>
-    <script src="../../js/theme.js?1693948278" defer></script>
+    <script src="../../js/clipboard.min.js?1694470321" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694470321" defer></script>
+    <script src="../../js/theme.js?1694470321" defer></script>
   </body>
 </html>