diff --git a/404.html b/404.html
index f0da714088..089033b73a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="./css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="./css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1686068158" rel="stylesheet">
-    <link href="./css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1686068158" rel="stylesheet">
-    <link href="./css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1686068158" rel="stylesheet">
-    <script src="./js/url.js?1686068158"></script>
-    <script src="./js/variant.js?1686068158"></script>
+    <link href="./css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="./css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="./css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1686074106" rel="stylesheet">
+    <link href="./css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1686074106" rel="stylesheet">
+    <link href="./css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1686074106" rel="stylesheet">
+    <script src="./js/url.js?1686074106"></script>
+    <script src="./js/variant.js?1686074106"></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 8a5f7505af..db584f4c36 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -1903,12 +1903,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2027,12 +2027,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index c2514790a6..059340d328 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -1183,8 +1183,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 2f51d90f62..4e1bb45405 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -233,10 +233,10 @@
 </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-04535c6095e35d52e1896fcd3637c74f" class="lightbox-link">
+<a href="#image-fc7d87ede3fd7a33fb8b7ece11ed7e18" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-04535c6095e35d52e1896fcd3637c74f">
+<a href="javascript:history.back();" class="lightbox" id="image-fc7d87ede3fd7a33fb8b7ece11ed7e18">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -288,10 +288,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fea8ed5b3b479c64ead64ed123c7e16f" class="lightbox-link">
+<a href="#image-3fc41f8d555570ec9161408654c23617" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fea8ed5b3b479c64ead64ed123c7e16f">
+<a href="javascript:history.back();" class="lightbox" id="image-3fc41f8d555570ec9161408654c23617">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -380,12 +380,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -504,12 +504,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 53e9d56f26..0c5fd3ac16 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -189,10 +189,10 @@
 </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-04535c6095e35d52e1896fcd3637c74f" class="lightbox-link">
+<a href="#image-fc7d87ede3fd7a33fb8b7ece11ed7e18" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-04535c6095e35d52e1896fcd3637c74f">
+<a href="javascript:history.back();" class="lightbox" id="image-fc7d87ede3fd7a33fb8b7ece11ed7e18">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -244,10 +244,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fea8ed5b3b479c64ead64ed123c7e16f" class="lightbox-link">
+<a href="#image-3fc41f8d555570ec9161408654c23617" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fea8ed5b3b479c64ead64ed123c7e16f">
+<a href="javascript:history.back();" class="lightbox" id="image-3fc41f8d555570ec9161408654c23617">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -259,8 +259,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 3a69db5c98..1c35b49c5e 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -293,12 +293,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?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -417,12 +417,12 @@ If you have requirements to support IE and/or older browser versions, use one of
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 76f94b0c78..b3ab821453 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -181,8 +181,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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index fcaa8fa529..e29c165abe 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,13 +94,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-c156deae53fb480add84e2fa0c3a3fc8" aria-controls="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" >
-    <label class="expand-label" for="expand-c156deae53fb480add84e2fa0c3a3fc8" >
+    <input type="checkbox" id="expand-f6b52d3b2c01dec7f7f031d07c192551" aria-controls="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" >
+    <label class="expand-label" for="expand-f6b52d3b2c01dec7f7f031d07c192551" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" class="expand-content">
+    <div id="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" 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>
@@ -231,12 +231,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -355,25 +355,25 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068159" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068159" defer></script>
-    <script src="../../js/mermaid.min.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074107" defer></script>
+    <script src="../../js/mermaid.min.js?1686074107" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 8db153eaf5..9fb29c3517 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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-c156deae53fb480add84e2fa0c3a3fc8" aria-controls="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" >
-    <label class="expand-label" for="expand-c156deae53fb480add84e2fa0c3a3fc8" >
+    <input type="checkbox" id="expand-f6b52d3b2c01dec7f7f031d07c192551" aria-controls="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" >
+    <label class="expand-label" for="expand-f6b52d3b2c01dec7f7f031d07c192551" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" class="expand-content">
+    <div id="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" 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,21 +139,21 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 2e780e7805..8c1d7dad9e 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -1909,12 +1909,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2033,12 +2033,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index d5650ef326..0d4899c9ff 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -1189,8 +1189,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 17342d00f0..fb2709a265 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../js/search.js?1686068159" defer></script>
+        <script src="../js/auto-complete.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -302,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068159"></script>
+          <script async src="../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../js/theme.js?1686068159" defer></script>
+    <script src="../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 9455eb4f48..8724171b81 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> received some love and style, color and icon parameter similar to other shortcodes.</p>
-<p>If you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> received some love and now align with their style, color, title and icon parameter to the other shortcodes.</p>
+<p>The visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
 <p>Additionally the <code>name</code> parameter was renamed to <code>title</code> but you don&rsquo;t need to change anything yet as the old name will be used as a fallback but you will get deprecation warnings while executing Hugo.</p>
 </li>
 <li>
@@ -771,10 +771,10 @@
 <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-dc1cd2fd9b93967f2085beab6cf5275b" class="lightbox-link">
+<a href="#image-668aa785e005cba2ff190c01b16363b8" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dc1cd2fd9b93967f2085beab6cf5275b">
+<a href="javascript:history.back();" class="lightbox" id="image-668aa785e005cba2ff190c01b16363b8">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -824,10 +824,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-32c27ce8a70af71ea84dbd63916fa522" class="lightbox-link">
+<a href="#image-7a2ecbb4bdfbb58d06164d69c4567b0b" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32c27ce8a70af71ea84dbd63916fa522">
+<a href="javascript:history.back();" class="lightbox" id="image-7a2ecbb4bdfbb58d06164d69c4567b0b">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -985,10 +985,10 @@
 </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-04535c6095e35d52e1896fcd3637c74f" class="lightbox-link">
+<a href="#image-fc7d87ede3fd7a33fb8b7ece11ed7e18" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-04535c6095e35d52e1896fcd3637c74f">
+<a href="javascript:history.back();" class="lightbox" id="image-fc7d87ede3fd7a33fb8b7ece11ed7e18">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1040,10 +1040,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fea8ed5b3b479c64ead64ed123c7e16f" class="lightbox-link">
+<a href="#image-3fc41f8d555570ec9161408654c23617" class="lightbox-link">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fea8ed5b3b479c64ead64ed123c7e16f">
+<a href="javascript:history.back();" class="lightbox" id="image-3fc41f8d555570ec9161408654c23617">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1167,13 +1167,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-c156deae53fb480add84e2fa0c3a3fc8" aria-controls="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" >
-    <label class="expand-label" for="expand-c156deae53fb480add84e2fa0c3a3fc8" >
+    <input type="checkbox" id="expand-f6b52d3b2c01dec7f7f031d07c192551" aria-controls="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" >
+    <label class="expand-label" for="expand-f6b52d3b2c01dec7f7f031d07c192551" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" class="expand-content">
+    <div id="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" 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>
@@ -2343,21 +2343,21 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../js/mermaid.min.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 1088b640dc..45a4d03294 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -145,10 +145,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-32c27ce8a70af71ea84dbd63916fa522" class="lightbox-link">
+<a href="#image-7a2ecbb4bdfbb58d06164d69c4567b0b" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32c27ce8a70af71ea84dbd63916fa522">
+<a href="javascript:history.back();" class="lightbox" id="image-7a2ecbb4bdfbb58d06164d69c4567b0b">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -268,12 +268,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -392,12 +392,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index 4ba284c138..3ecb611cc4 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,10 +110,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-32c27ce8a70af71ea84dbd63916fa522" class="lightbox-link">
+<a href="#image-7a2ecbb4bdfbb58d06164d69c4567b0b" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32c27ce8a70af71ea84dbd63916fa522">
+<a href="javascript:history.back();" class="lightbox" id="image-7a2ecbb4bdfbb58d06164d69c4567b0b">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -156,8 +156,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index bc77c4854f..e63b0b44e0 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -148,8 +148,8 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love and style, color and icon parameter similar to other shortcodes.</p>
-<p>If you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love and now align with their style, color, title and icon parameter to the other shortcodes.</p>
+<p>The visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
 <p>Additionally the <code>name</code> parameter was renamed to <code>title</code> but you don&rsquo;t need to change anything yet as the old name will be used as a fallback but you will get deprecation warnings while executing Hugo.</p>
 </li>
 <li>
@@ -891,12 +891,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1015,12 +1015,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 96266e36c8..3322b7a56d 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -86,8 +86,8 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love and style, color and icon parameter similar to other shortcodes.</p>
-<p>If you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love and now align with their style, color, title and icon parameter to the other shortcodes.</p>
+<p>The visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
 <p>Additionally the <code>name</code> parameter was renamed to <code>title</code> but you don&rsquo;t need to change anything yet as the old name will be used as a fallback but you will get deprecation warnings while executing Hugo.</p>
 </li>
 <li>
@@ -752,8 +752,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 0ee4f44a6c..88db0df628 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,10 +94,10 @@
 <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-dc1cd2fd9b93967f2085beab6cf5275b" class="lightbox-link">
+<a href="#image-668aa785e005cba2ff190c01b16363b8" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dc1cd2fd9b93967f2085beab6cf5275b">
+<a href="javascript:history.back();" class="lightbox" id="image-668aa785e005cba2ff190c01b16363b8">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 3fb92e36da..c6c05bafc8 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,10 +79,10 @@
 <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-dc1cd2fd9b93967f2085beab6cf5275b" class="lightbox-link">
+<a href="#image-668aa785e005cba2ff190c01b16363b8" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dc1cd2fd9b93967f2085beab6cf5275b">
+<a href="javascript:history.back();" class="lightbox" id="image-668aa785e005cba2ff190c01b16363b8">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 3b6f8511a9..9cc2c14566 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 924254ea25..0852eadce3 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 39bddbf452..174453a3da 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 7367092b7d..fc87c519a8 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../js/search.js?1686068160" defer></script>
+        <script src="../js/auto-complete.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068160"></script>
+          <script async src="../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 925adddf42..b1a76083ea 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 94226ac7ae..799df02605 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -291,12 +291,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 21b5dea64b..67d6cf4ddc 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,10 +120,10 @@
 <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-14e59370ec829523cfb047b4ccd4b6e6" class="lightbox-link">
+<a href="#image-349b31f06e0072a418f6bd3da6896b9f" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-14e59370ec829523cfb047b4ccd4b6e6">
+<a href="javascript:history.back();" class="lightbox" id="image-349b31f06e0072a418f6bd3da6896b9f">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -139,10 +139,10 @@
 <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-8467107da27a0c5da94952bea6194afe" class="lightbox-link">
+<a href="#image-4fef1831e9b296f2c033840fa5b60fb8" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8467107da27a0c5da94952bea6194afe">
+<a href="javascript:history.back();" class="lightbox" id="image-4fef1831e9b296f2c033840fa5b60fb8">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -160,10 +160,10 @@
 <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-7257e30c81221ca87c28f68a8ac4fbb9" class="lightbox-link">
+<a href="#image-f2375b8a8a48449c7023e027562b6495" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7257e30c81221ca87c28f68a8ac4fbb9">
+<a href="javascript:history.back();" class="lightbox" id="image-f2375b8a8a48449c7023e027562b6495">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -299,12 +299,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -423,12 +423,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index fcce9a42ea..d3e38de9be 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,10 +83,10 @@
 <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-14e59370ec829523cfb047b4ccd4b6e6" class="lightbox-link">
+<a href="#image-349b31f06e0072a418f6bd3da6896b9f" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-14e59370ec829523cfb047b4ccd4b6e6">
+<a href="javascript:history.back();" class="lightbox" id="image-349b31f06e0072a418f6bd3da6896b9f">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -102,10 +102,10 @@
 <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-8467107da27a0c5da94952bea6194afe" class="lightbox-link">
+<a href="#image-4fef1831e9b296f2c033840fa5b60fb8" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8467107da27a0c5da94952bea6194afe">
+<a href="javascript:history.back();" class="lightbox" id="image-4fef1831e9b296f2c033840fa5b60fb8">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -123,10 +123,10 @@
 <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-7257e30c81221ca87c28f68a8ac4fbb9" class="lightbox-link">
+<a href="#image-f2375b8a8a48449c7023e027562b6495" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7257e30c81221ca87c28f68a8ac4fbb9">
+<a href="javascript:history.back();" class="lightbox" id="image-f2375b8a8a48449c7023e027562b6495">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -185,8 +185,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 0cfad65069..0d2262687a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -117,10 +117,10 @@
 </ul>
 <p>
 		
-<a href="#image-2103f1d8d34f1dc3a30779c25edd7a93" class="lightbox-link">
+<a href="#image-d88c294cbbad04aa60b00a57c1842ce1" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2103f1d8d34f1dc3a30779c25edd7a93">
+<a href="javascript:history.back();" class="lightbox" id="image-d88c294cbbad04aa60b00a57c1842ce1">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -302,12 +302,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?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -426,12 +426,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index a1850a2a61..b08d29a5de 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -85,10 +85,10 @@
 </ul>
 <p>
 		
-<a href="#image-2103f1d8d34f1dc3a30779c25edd7a93" class="lightbox-link">
+<a href="#image-d88c294cbbad04aa60b00a57c1842ce1" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2103f1d8d34f1dc3a30779c25edd7a93">
+<a href="javascript:history.back();" class="lightbox" id="image-d88c294cbbad04aa60b00a57c1842ce1">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -193,8 +193,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index c230413a2e..431a634c06 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../js/search.js?1686068159" defer></script>
+        <script src="../js/auto-complete.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -302,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068159"></script>
+          <script async src="../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../js/theme.js?1686068159" defer></script>
+    <script src="../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 1ede16d169..833bae1af2 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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,10 +165,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-31b8d6b1dd1c044311e00e650a27cc69" class="lightbox-link">
+<a href="#image-8b7aefcb513e9f92ed9b84fba8f221ea" class="lightbox-link">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31b8d6b1dd1c044311e00e650a27cc69">
+<a href="javascript:history.back();" class="lightbox" id="image-8b7aefcb513e9f92ed9b84fba8f221ea">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -217,10 +217,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <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-14e59370ec829523cfb047b4ccd4b6e6" class="lightbox-link">
+<a href="#image-349b31f06e0072a418f6bd3da6896b9f" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-14e59370ec829523cfb047b4ccd4b6e6">
+<a href="javascript:history.back();" class="lightbox" id="image-349b31f06e0072a418f6bd3da6896b9f">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -236,10 +236,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <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-8467107da27a0c5da94952bea6194afe" class="lightbox-link">
+<a href="#image-4fef1831e9b296f2c033840fa5b60fb8" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8467107da27a0c5da94952bea6194afe">
+<a href="javascript:history.back();" class="lightbox" id="image-4fef1831e9b296f2c033840fa5b60fb8">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -257,10 +257,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <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-7257e30c81221ca87c28f68a8ac4fbb9" class="lightbox-link">
+<a href="#image-f2375b8a8a48449c7023e027562b6495" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7257e30c81221ca87c28f68a8ac4fbb9">
+<a href="javascript:history.back();" class="lightbox" id="image-f2375b8a8a48449c7023e027562b6495">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -864,10 +864,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-212080c78797ec3cd6b1c8290b02041b" class="lightbox-link">
+<a href="#image-7f85a25d220f90978f478a4e967c59b2" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-212080c78797ec3cd6b1c8290b02041b">
+<a href="javascript:history.back();" class="lightbox" id="image-7f85a25d220f90978f478a4e967c59b2">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -882,10 +882,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-80606ec18950a4bed110ec56671e29de" class="lightbox-link">
+<a href="#image-b7215404f1950c84867e4b6b4386bf8a" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80606ec18950a4bed110ec56671e29de">
+<a href="javascript:history.back();" class="lightbox" id="image-b7215404f1950c84867e4b6b4386bf8a">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -902,10 +902,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-fc3239ed617b2c91657298058e4da522" class="lightbox-link">
+<a href="#image-64f5334a0745935dfb64b3bdd2d198eb" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc3239ed617b2c91657298058e4da522">
+<a href="javascript:history.back();" class="lightbox" id="image-64f5334a0745935dfb64b3bdd2d198eb">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -922,10 +922,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a56159ea65c974aa7989f06d6f2a9966" class="lightbox-link">
+<a href="#image-b76230063d2e070f6b2e0fad1a51093c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a56159ea65c974aa7989f06d6f2a9966">
+<a href="javascript:history.back();" class="lightbox" id="image-b76230063d2e070f6b2e0fad1a51093c">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -938,10 +938,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e62bcb4e63eb2cad8d18ec24e1eda46d" class="lightbox-link">
+<a href="#image-e78dbcf51accf40cf614807a185d747d" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e62bcb4e63eb2cad8d18ec24e1eda46d">
+<a href="javascript:history.back();" class="lightbox" id="image-e78dbcf51accf40cf614807a185d747d">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -955,10 +955,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-3dac3ea797df91afeb720896d485599c" class="lightbox-link">
+<a href="#image-14a2e881937d6312589ae963f3473d3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3dac3ea797df91afeb720896d485599c">
+<a href="javascript:history.back();" class="lightbox" id="image-14a2e881937d6312589ae963f3473d3b">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -974,10 +974,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9d6b5d411306e1eda97c45596cb4e02c" class="lightbox-link">
+<a href="#image-0479c4127cd46d1efbe396dc1f7ad0e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d6b5d411306e1eda97c45596cb4e02c">
+<a href="javascript:history.back();" class="lightbox" id="image-0479c4127cd46d1efbe396dc1f7ad0e0">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -991,10 +991,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-28ba61ba3fcc93e4097c301982081df0" class="lightbox-link">
+<a href="#image-caff51fcf04863190b9ab0d8dff59943" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-28ba61ba3fcc93e4097c301982081df0">
+<a href="javascript:history.back();" class="lightbox" id="image-caff51fcf04863190b9ab0d8dff59943">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1008,10 +1008,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-71542aeffe136065aa03a96d6ebce376" class="lightbox-link">
+<a href="#image-6915217998426bfd7015d33f5f4a432c" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71542aeffe136065aa03a96d6ebce376">
+<a href="javascript:history.back();" class="lightbox" id="image-6915217998426bfd7015d33f5f4a432c">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1025,10 +1025,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f066223d046c552523e907880e5dd08b" class="lightbox-link">
+<a href="#image-dded3d81d5c6a1607e23c860249e41b4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f066223d046c552523e907880e5dd08b">
+<a href="javascript:history.back();" class="lightbox" id="image-dded3d81d5c6a1607e23c860249e41b4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1045,34 +1045,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-b6050a7f71d4a962f7253382bae78d93" class="lightbox-link">
+<a href="#image-17cab7821fa9d967ee3b73e2246cb5cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b6050a7f71d4a962f7253382bae78d93">
+<a href="javascript:history.back();" class="lightbox" id="image-17cab7821fa9d967ee3b73e2246cb5cd">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0cdea06ee4c3f959f765ad09e17eee1d" class="lightbox-link">
+<a href="#image-967df6018d78245663d357581da731fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0cdea06ee4c3f959f765ad09e17eee1d">
+<a href="javascript:history.back();" class="lightbox" id="image-967df6018d78245663d357581da731fb">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-9dd8459281eed62cb41fe0d0f757ac65" class="lightbox-link">
+<a href="#image-51403872ae38b658fd84a7852467d718" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd8459281eed62cb41fe0d0f757ac65">
+<a href="javascript:history.back();" class="lightbox" id="image-51403872ae38b658fd84a7852467d718">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-7eabb41c00578a42896a2c21f28a50e5" class="lightbox-link">
+<a href="#image-49782c6e21562568aab0ebfe3db5bdab" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7eabb41c00578a42896a2c21f28a50e5">
+<a href="javascript:history.back();" class="lightbox" id="image-49782c6e21562568aab0ebfe3db5bdab">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1086,10 +1086,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-2b1cac1c8a134bd21cd0091efadf7e0f" class="lightbox-link">
+<a href="#image-dde4d87cba2f83e590a64cb96b39da67" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b1cac1c8a134bd21cd0091efadf7e0f">
+<a href="javascript:history.back();" class="lightbox" id="image-dde4d87cba2f83e590a64cb96b39da67">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1320,10 +1320,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-2103f1d8d34f1dc3a30779c25edd7a93" class="lightbox-link">
+<a href="#image-d88c294cbbad04aa60b00a57c1842ce1" class="lightbox-link">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2103f1d8d34f1dc3a30779c25edd7a93">
+<a href="javascript:history.back();" class="lightbox" id="image-d88c294cbbad04aa60b00a57c1842ce1">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -1467,8 +1467,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index cd0e42160c..9aebaffd5a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -692,10 +692,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-212080c78797ec3cd6b1c8290b02041b" class="lightbox-link">
+<a href="#image-7f85a25d220f90978f478a4e967c59b2" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-212080c78797ec3cd6b1c8290b02041b">
+<a href="javascript:history.back();" class="lightbox" id="image-7f85a25d220f90978f478a4e967c59b2">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -710,10 +710,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-80606ec18950a4bed110ec56671e29de" class="lightbox-link">
+<a href="#image-b7215404f1950c84867e4b6b4386bf8a" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80606ec18950a4bed110ec56671e29de">
+<a href="javascript:history.back();" class="lightbox" id="image-b7215404f1950c84867e4b6b4386bf8a">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -730,10 +730,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-fc3239ed617b2c91657298058e4da522" class="lightbox-link">
+<a href="#image-64f5334a0745935dfb64b3bdd2d198eb" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc3239ed617b2c91657298058e4da522">
+<a href="javascript:history.back();" class="lightbox" id="image-64f5334a0745935dfb64b3bdd2d198eb">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -750,10 +750,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a56159ea65c974aa7989f06d6f2a9966" class="lightbox-link">
+<a href="#image-b76230063d2e070f6b2e0fad1a51093c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a56159ea65c974aa7989f06d6f2a9966">
+<a href="javascript:history.back();" class="lightbox" id="image-b76230063d2e070f6b2e0fad1a51093c">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -766,10 +766,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e62bcb4e63eb2cad8d18ec24e1eda46d" class="lightbox-link">
+<a href="#image-e78dbcf51accf40cf614807a185d747d" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e62bcb4e63eb2cad8d18ec24e1eda46d">
+<a href="javascript:history.back();" class="lightbox" id="image-e78dbcf51accf40cf614807a185d747d">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -783,10 +783,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-3dac3ea797df91afeb720896d485599c" class="lightbox-link">
+<a href="#image-14a2e881937d6312589ae963f3473d3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3dac3ea797df91afeb720896d485599c">
+<a href="javascript:history.back();" class="lightbox" id="image-14a2e881937d6312589ae963f3473d3b">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -802,10 +802,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9d6b5d411306e1eda97c45596cb4e02c" class="lightbox-link">
+<a href="#image-0479c4127cd46d1efbe396dc1f7ad0e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d6b5d411306e1eda97c45596cb4e02c">
+<a href="javascript:history.back();" class="lightbox" id="image-0479c4127cd46d1efbe396dc1f7ad0e0">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -819,10 +819,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-28ba61ba3fcc93e4097c301982081df0" class="lightbox-link">
+<a href="#image-caff51fcf04863190b9ab0d8dff59943" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-28ba61ba3fcc93e4097c301982081df0">
+<a href="javascript:history.back();" class="lightbox" id="image-caff51fcf04863190b9ab0d8dff59943">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -836,10 +836,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-71542aeffe136065aa03a96d6ebce376" class="lightbox-link">
+<a href="#image-6915217998426bfd7015d33f5f4a432c" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71542aeffe136065aa03a96d6ebce376">
+<a href="javascript:history.back();" class="lightbox" id="image-6915217998426bfd7015d33f5f4a432c">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -853,10 +853,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f066223d046c552523e907880e5dd08b" class="lightbox-link">
+<a href="#image-dded3d81d5c6a1607e23c860249e41b4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f066223d046c552523e907880e5dd08b">
+<a href="javascript:history.back();" class="lightbox" id="image-dded3d81d5c6a1607e23c860249e41b4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -873,34 +873,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-b6050a7f71d4a962f7253382bae78d93" class="lightbox-link">
+<a href="#image-17cab7821fa9d967ee3b73e2246cb5cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b6050a7f71d4a962f7253382bae78d93">
+<a href="javascript:history.back();" class="lightbox" id="image-17cab7821fa9d967ee3b73e2246cb5cd">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0cdea06ee4c3f959f765ad09e17eee1d" class="lightbox-link">
+<a href="#image-967df6018d78245663d357581da731fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0cdea06ee4c3f959f765ad09e17eee1d">
+<a href="javascript:history.back();" class="lightbox" id="image-967df6018d78245663d357581da731fb">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-9dd8459281eed62cb41fe0d0f757ac65" class="lightbox-link">
+<a href="#image-51403872ae38b658fd84a7852467d718" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd8459281eed62cb41fe0d0f757ac65">
+<a href="javascript:history.back();" class="lightbox" id="image-51403872ae38b658fd84a7852467d718">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-7eabb41c00578a42896a2c21f28a50e5" class="lightbox-link">
+<a href="#image-49782c6e21562568aab0ebfe3db5bdab" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7eabb41c00578a42896a2c21f28a50e5">
+<a href="javascript:history.back();" class="lightbox" id="image-49782c6e21562568aab0ebfe3db5bdab">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -914,10 +914,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-2b1cac1c8a134bd21cd0091efadf7e0f" class="lightbox-link">
+<a href="#image-dde4d87cba2f83e590a64cb96b39da67" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b1cac1c8a134bd21cd0091efadf7e0f">
+<a href="javascript:history.back();" class="lightbox" id="image-dde4d87cba2f83e590a64cb96b39da67">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1021,12 +1021,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1145,12 +1145,12 @@ line 3 of code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 408d576529..a687e43990 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -619,10 +619,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-212080c78797ec3cd6b1c8290b02041b" class="lightbox-link">
+<a href="#image-7f85a25d220f90978f478a4e967c59b2" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-212080c78797ec3cd6b1c8290b02041b">
+<a href="javascript:history.back();" class="lightbox" id="image-7f85a25d220f90978f478a4e967c59b2">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -637,10 +637,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-80606ec18950a4bed110ec56671e29de" class="lightbox-link">
+<a href="#image-b7215404f1950c84867e4b6b4386bf8a" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80606ec18950a4bed110ec56671e29de">
+<a href="javascript:history.back();" class="lightbox" id="image-b7215404f1950c84867e4b6b4386bf8a">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -657,10 +657,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-fc3239ed617b2c91657298058e4da522" class="lightbox-link">
+<a href="#image-64f5334a0745935dfb64b3bdd2d198eb" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc3239ed617b2c91657298058e4da522">
+<a href="javascript:history.back();" class="lightbox" id="image-64f5334a0745935dfb64b3bdd2d198eb">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -677,10 +677,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a56159ea65c974aa7989f06d6f2a9966" class="lightbox-link">
+<a href="#image-b76230063d2e070f6b2e0fad1a51093c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a56159ea65c974aa7989f06d6f2a9966">
+<a href="javascript:history.back();" class="lightbox" id="image-b76230063d2e070f6b2e0fad1a51093c">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -693,10 +693,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e62bcb4e63eb2cad8d18ec24e1eda46d" class="lightbox-link">
+<a href="#image-e78dbcf51accf40cf614807a185d747d" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e62bcb4e63eb2cad8d18ec24e1eda46d">
+<a href="javascript:history.back();" class="lightbox" id="image-e78dbcf51accf40cf614807a185d747d">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -710,10 +710,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-3dac3ea797df91afeb720896d485599c" class="lightbox-link">
+<a href="#image-14a2e881937d6312589ae963f3473d3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3dac3ea797df91afeb720896d485599c">
+<a href="javascript:history.back();" class="lightbox" id="image-14a2e881937d6312589ae963f3473d3b">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -729,10 +729,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9d6b5d411306e1eda97c45596cb4e02c" class="lightbox-link">
+<a href="#image-0479c4127cd46d1efbe396dc1f7ad0e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d6b5d411306e1eda97c45596cb4e02c">
+<a href="javascript:history.back();" class="lightbox" id="image-0479c4127cd46d1efbe396dc1f7ad0e0">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -746,10 +746,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-28ba61ba3fcc93e4097c301982081df0" class="lightbox-link">
+<a href="#image-caff51fcf04863190b9ab0d8dff59943" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-28ba61ba3fcc93e4097c301982081df0">
+<a href="javascript:history.back();" class="lightbox" id="image-caff51fcf04863190b9ab0d8dff59943">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -763,10 +763,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-71542aeffe136065aa03a96d6ebce376" class="lightbox-link">
+<a href="#image-6915217998426bfd7015d33f5f4a432c" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71542aeffe136065aa03a96d6ebce376">
+<a href="javascript:history.back();" class="lightbox" id="image-6915217998426bfd7015d33f5f4a432c">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -780,10 +780,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f066223d046c552523e907880e5dd08b" class="lightbox-link">
+<a href="#image-dded3d81d5c6a1607e23c860249e41b4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f066223d046c552523e907880e5dd08b">
+<a href="javascript:history.back();" class="lightbox" id="image-dded3d81d5c6a1607e23c860249e41b4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -800,34 +800,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-b6050a7f71d4a962f7253382bae78d93" class="lightbox-link">
+<a href="#image-17cab7821fa9d967ee3b73e2246cb5cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b6050a7f71d4a962f7253382bae78d93">
+<a href="javascript:history.back();" class="lightbox" id="image-17cab7821fa9d967ee3b73e2246cb5cd">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0cdea06ee4c3f959f765ad09e17eee1d" class="lightbox-link">
+<a href="#image-967df6018d78245663d357581da731fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0cdea06ee4c3f959f765ad09e17eee1d">
+<a href="javascript:history.back();" class="lightbox" id="image-967df6018d78245663d357581da731fb">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-9dd8459281eed62cb41fe0d0f757ac65" class="lightbox-link">
+<a href="#image-51403872ae38b658fd84a7852467d718" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd8459281eed62cb41fe0d0f757ac65">
+<a href="javascript:history.back();" class="lightbox" id="image-51403872ae38b658fd84a7852467d718">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-7eabb41c00578a42896a2c21f28a50e5" class="lightbox-link">
+<a href="#image-49782c6e21562568aab0ebfe3db5bdab" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7eabb41c00578a42896a2c21f28a50e5">
+<a href="javascript:history.back();" class="lightbox" id="image-49782c6e21562568aab0ebfe3db5bdab">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -841,10 +841,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-2b1cac1c8a134bd21cd0091efadf7e0f" class="lightbox-link">
+<a href="#image-dde4d87cba2f83e590a64cb96b39da67" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b1cac1c8a134bd21cd0091efadf7e0f">
+<a href="javascript:history.back();" class="lightbox" id="image-dde4d87cba2f83e590a64cb96b39da67">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -871,8 +871,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index a18d08b833..20e7216865 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -315,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?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -439,12 +439,12 @@ However, if you want to keep the title but change its value, it can be overridde
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index d38599c496..1d138cdb1e 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -211,8 +211,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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 9aa76d4a47..0bdf668165 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -185,10 +185,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-31b8d6b1dd1c044311e00e650a27cc69" class="lightbox-link">
+<a href="#image-8b7aefcb513e9f92ed9b84fba8f221ea" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31b8d6b1dd1c044311e00e650a27cc69">
+<a href="javascript:history.back();" class="lightbox" id="image-8b7aefcb513e9f92ed9b84fba8f221ea">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -305,12 +305,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?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -429,12 +429,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index ec76684600..480f214ab7 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,10 +151,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-31b8d6b1dd1c044311e00e650a27cc69" class="lightbox-link">
+<a href="#image-8b7aefcb513e9f92ed9b84fba8f221ea" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31b8d6b1dd1c044311e00e650a27cc69">
+<a href="javascript:history.back();" class="lightbox" id="image-8b7aefcb513e9f92ed9b84fba8f221ea">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -194,8 +194,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index 51d93e9d17..b0510f396b 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlighting :: Hugo Relearn Theme">
     <link href="../../cont/syntaxhighlight/index.print.html" rel="alternate" type="text/html" title="Code highlighting :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -234,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -358,12 +358,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.print.html b/cont/syntaxhighlight/index.print.html
index 1ac8bc0122..e313e8e9dd 100644
--- a/cont/syntaxhighlight/index.print.html
+++ b/cont/syntaxhighlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/syntaxhighlight/index.html" rel="canonical" type="text/html" title="Code highlighting :: Hugo Relearn Theme">
     <link href="../../cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlighting :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 2abbddd0c7..9fd5f292d9 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -340,12 +340,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index f76e25c3af..aa3d01ef86 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/css/theme.css b/css/theme.css
index ecfc296411..b359b24c2a 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -1849,6 +1849,14 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
     flex-wrap: wrap;
 }
 
+#body .tab-nav-title{
+    font-size: .9rem;
+    font-weight: 500;
+    line-height: 1.42857143;
+    padding: .2rem 0;
+    margin-inline-start: .6rem;
+}
+
 #body .tab-nav-button{
     -webkit-appearance: none;
     appearance: none;
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 29bdd50add..02e525e67f 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -304,12 +304,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -432,12 +432,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 7f09d00a12..647a9c6699 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 7e48e7d3d9..4a7fc722bc 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../js/search.js?1686068159" defer></script>
+        <script src="../js/auto-complete.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068159"></script>
+          <script async src="../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../js/theme.js?1686068159" defer></script>
+    <script src="../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index e4e89ec25c..0a6cd93fe6 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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
@@ -462,10 +462,10 @@
 <p>
 		
 		
-<a href="#image-83ee89149b5f969dc5716ae627da84ce" class="lightbox-link">
+<a href="#image-15e79ad55564c88c578158d0a072014e" class="lightbox-link">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-83ee89149b5f969dc5716ae627da84ce">
+<a href="javascript:history.back();" class="lightbox" id="image-15e79ad55564c88c578158d0a072014e">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -499,20 +499,20 @@
 <p>
 		
 		
-<a href="#image-e2c730be73f96cbb5e775fb37823a8c6" class="lightbox-link">
+<a href="#image-65ce871ba365d5f504e2f8e1fdc9d8ab" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e2c730be73f96cbb5e775fb37823a8c6">
+<a href="javascript:history.back();" class="lightbox" id="image-65ce871ba365d5f504e2f8e1fdc9d8ab">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-cb6742aaf30f1e0c2e68a6fe85a42569" class="lightbox-link">
+<a href="#image-9bddf0e2270f929ec70cf8000f1d7ac2" class="lightbox-link">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb6742aaf30f1e0c2e68a6fe85a42569">
+<a href="javascript:history.back();" class="lightbox" id="image-9bddf0e2270f929ec70cf8000f1d7ac2">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -525,8 +525,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 340cbbe817..560231cdbb 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -391,12 +391,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -519,12 +519,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 1eaa5d5225..848af79d91 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 801280285c..3d7908b1ef 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -145,10 +145,10 @@
 <p>
 		
 		
-<a href="#image-83ee89149b5f969dc5716ae627da84ce" class="lightbox-link">
+<a href="#image-15e79ad55564c88c578158d0a072014e" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-83ee89149b5f969dc5716ae627da84ce">
+<a href="javascript:history.back();" class="lightbox" id="image-15e79ad55564c88c578158d0a072014e">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -182,20 +182,20 @@
 <p>
 		
 		
-<a href="#image-e2c730be73f96cbb5e775fb37823a8c6" class="lightbox-link">
+<a href="#image-65ce871ba365d5f504e2f8e1fdc9d8ab" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e2c730be73f96cbb5e775fb37823a8c6">
+<a href="javascript:history.back();" class="lightbox" id="image-65ce871ba365d5f504e2f8e1fdc9d8ab">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-cb6742aaf30f1e0c2e68a6fe85a42569" class="lightbox-link">
+<a href="#image-9bddf0e2270f929ec70cf8000f1d7ac2" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb6742aaf30f1e0c2e68a6fe85a42569">
+<a href="javascript:history.back();" class="lightbox" id="image-9bddf0e2270f929ec70cf8000f1d7ac2">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -412,12 +412,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 871360bfe6..d4cb14a6b6 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -109,10 +109,10 @@
 <p>
 		
 		
-<a href="#image-83ee89149b5f969dc5716ae627da84ce" class="lightbox-link">
+<a href="#image-15e79ad55564c88c578158d0a072014e" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-83ee89149b5f969dc5716ae627da84ce">
+<a href="javascript:history.back();" class="lightbox" id="image-15e79ad55564c88c578158d0a072014e">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -146,20 +146,20 @@
 <p>
 		
 		
-<a href="#image-e2c730be73f96cbb5e775fb37823a8c6" class="lightbox-link">
+<a href="#image-65ce871ba365d5f504e2f8e1fdc9d8ab" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e2c730be73f96cbb5e775fb37823a8c6">
+<a href="javascript:history.back();" class="lightbox" id="image-65ce871ba365d5f504e2f8e1fdc9d8ab">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-cb6742aaf30f1e0c2e68a6fe85a42569" class="lightbox-link">
+<a href="#image-9bddf0e2270f929ec70cf8000f1d7ac2" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb6742aaf30f1e0c2e68a6fe85a42569">
+<a href="javascript:history.back();" class="lightbox" id="image-9bddf0e2270f929ec70cf8000f1d7ac2">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -171,8 +171,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 27b7127a75..c343d488bd 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="./css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="./css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1686068158" rel="stylesheet">
-    <link href="./css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1686068158" rel="stylesheet">
-    <link href="./css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1686068158" rel="stylesheet">
-    <script src="./js/url.js?1686068158"></script>
-    <script src="./js/variant.js?1686068158"></script>
+    <link href="./css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="./css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="./css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1686074106" rel="stylesheet">
+    <link href="./css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1686074106" rel="stylesheet">
+    <link href="./css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1686074106" rel="stylesheet">
+    <script src="./js/url.js?1686074106"></script>
+    <script src="./js/variant.js?1686074106"></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,10 +107,10 @@
 <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-01c52cd284b9ae74bbfe064b947310ca" class="lightbox-link">
+<a href="#image-1892b84a51836e0a22986c39129d3c40" class="lightbox-link">
 <img src="images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-01c52cd284b9ae74bbfe064b947310ca">
+<a href="javascript:history.back();" class="lightbox" id="image-1892b84a51836e0a22986c39129d3c40">
 <img src="images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivation</h2>
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1686068159" defer></script>
-        <script src="./js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="./js/search.js?1686068159" defer></script>
+        <script src="./js/auto-complete.js?1686074107" defer></script>
+        <script src="./js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="./js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -408,12 +408,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1686068159"></script>
+          <script async src="./js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1686068159" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="./js/theme.js?1686068159" defer></script>
+    <script src="./js/clipboard.min.js?1686074107" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="./js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index b60eff3c7e..c0e3de6433 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="./css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="./css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1686068160" rel="stylesheet">
-    <link href="./css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1686068160" rel="stylesheet">
-    <link href="./css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1686068160" rel="stylesheet">
-    <link href="./css/ie.css?1686068160" rel="stylesheet">
-    <script src="./js/url.js?1686068160"></script>
-    <script src="./js/variant.js?1686068160"></script>
+    <link href="./css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="./css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="./css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1686074108" rel="stylesheet">
+    <link href="./css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1686074108" rel="stylesheet">
+    <link href="./css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1686074108" rel="stylesheet">
+    <link href="./css/ie.css?1686074108" rel="stylesheet">
+    <script src="./js/url.js?1686074108"></script>
+    <script src="./js/variant.js?1686074108"></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,10 +77,10 @@
 <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-01c52cd284b9ae74bbfe064b947310ca" class="lightbox-link">
+<a href="#image-1892b84a51836e0a22986c39129d3c40" class="lightbox-link">
 <img src="./images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-01c52cd284b9ae74bbfe064b947310ca">
+<a href="javascript:history.back();" class="lightbox" id="image-1892b84a51836e0a22986c39129d3c40">
 <img src="./images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivation</h2>
@@ -206,8 +206,8 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> received some love and style, color and icon parameter similar to other shortcodes.</p>
-<p>If you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a> and the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> received some love and now align with their style, color, title and icon parameter to the other shortcodes.</p>
+<p>The visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.</p>
 <p>Additionally the <code>name</code> parameter was renamed to <code>title</code> but you don&rsquo;t need to change anything yet as the old name will be used as a fallback but you will get deprecation warnings while executing Hugo.</p>
 </li>
 <li>
@@ -877,10 +877,10 @@
 <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-dc1cd2fd9b93967f2085beab6cf5275b" class="lightbox-link">
+<a href="#image-668aa785e005cba2ff190c01b16363b8" class="lightbox-link">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dc1cd2fd9b93967f2085beab6cf5275b">
+<a href="javascript:history.back();" class="lightbox" id="image-668aa785e005cba2ff190c01b16363b8">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -930,10 +930,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-32c27ce8a70af71ea84dbd63916fa522" class="lightbox-link">
+<a href="#image-7a2ecbb4bdfbb58d06164d69c4567b0b" class="lightbox-link">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32c27ce8a70af71ea84dbd63916fa522">
+<a href="javascript:history.back();" class="lightbox" id="image-7a2ecbb4bdfbb58d06164d69c4567b0b">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -1091,10 +1091,10 @@
 </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-04535c6095e35d52e1896fcd3637c74f" class="lightbox-link">
+<a href="#image-fc7d87ede3fd7a33fb8b7ece11ed7e18" class="lightbox-link">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-04535c6095e35d52e1896fcd3637c74f">
+<a href="javascript:history.back();" class="lightbox" id="image-fc7d87ede3fd7a33fb8b7ece11ed7e18">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1146,10 +1146,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fea8ed5b3b479c64ead64ed123c7e16f" class="lightbox-link">
+<a href="#image-3fc41f8d555570ec9161408654c23617" class="lightbox-link">
 <img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fea8ed5b3b479c64ead64ed123c7e16f">
+<a href="javascript:history.back();" class="lightbox" id="image-3fc41f8d555570ec9161408654c23617">
 <img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1273,13 +1273,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-c156deae53fb480add84e2fa0c3a3fc8" aria-controls="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" >
-    <label class="expand-label" for="expand-c156deae53fb480add84e2fa0c3a3fc8" >
+    <input type="checkbox" id="expand-f6b52d3b2c01dec7f7f031d07c192551" aria-controls="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" >
+    <label class="expand-label" for="expand-f6b52d3b2c01dec7f7f031d07c192551" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-c156deae53fb480add84e2fa0c3a3fc8" class="expand-content">
+    <div id="expandcontent-f6b52d3b2c01dec7f7f031d07c192551" 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>
@@ -2541,10 +2541,10 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-31b8d6b1dd1c044311e00e650a27cc69" class="lightbox-link">
+<a href="#image-8b7aefcb513e9f92ed9b84fba8f221ea" class="lightbox-link">
 <img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31b8d6b1dd1c044311e00e650a27cc69">
+<a href="javascript:history.back();" class="lightbox" id="image-8b7aefcb513e9f92ed9b84fba8f221ea">
 <img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -2593,10 +2593,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <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-14e59370ec829523cfb047b4ccd4b6e6" class="lightbox-link">
+<a href="#image-349b31f06e0072a418f6bd3da6896b9f" class="lightbox-link">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-14e59370ec829523cfb047b4ccd4b6e6">
+<a href="javascript:history.back();" class="lightbox" id="image-349b31f06e0072a418f6bd3da6896b9f">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -2612,10 +2612,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <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-8467107da27a0c5da94952bea6194afe" class="lightbox-link">
+<a href="#image-4fef1831e9b296f2c033840fa5b60fb8" class="lightbox-link">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8467107da27a0c5da94952bea6194afe">
+<a href="javascript:history.back();" class="lightbox" id="image-4fef1831e9b296f2c033840fa5b60fb8">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -2633,10 +2633,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <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-7257e30c81221ca87c28f68a8ac4fbb9" class="lightbox-link">
+<a href="#image-f2375b8a8a48449c7023e027562b6495" class="lightbox-link">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7257e30c81221ca87c28f68a8ac4fbb9">
+<a href="javascript:history.back();" class="lightbox" id="image-f2375b8a8a48449c7023e027562b6495">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -3240,10 +3240,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-212080c78797ec3cd6b1c8290b02041b" class="lightbox-link">
+<a href="#image-7f85a25d220f90978f478a4e967c59b2" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-212080c78797ec3cd6b1c8290b02041b">
+<a href="javascript:history.back();" class="lightbox" id="image-7f85a25d220f90978f478a4e967c59b2">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3258,10 +3258,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-80606ec18950a4bed110ec56671e29de" class="lightbox-link">
+<a href="#image-b7215404f1950c84867e4b6b4386bf8a" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80606ec18950a4bed110ec56671e29de">
+<a href="javascript:history.back();" class="lightbox" id="image-b7215404f1950c84867e4b6b4386bf8a">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3278,10 +3278,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-fc3239ed617b2c91657298058e4da522" class="lightbox-link">
+<a href="#image-64f5334a0745935dfb64b3bdd2d198eb" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc3239ed617b2c91657298058e4da522">
+<a href="javascript:history.back();" class="lightbox" id="image-64f5334a0745935dfb64b3bdd2d198eb">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3298,10 +3298,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a56159ea65c974aa7989f06d6f2a9966" class="lightbox-link">
+<a href="#image-b76230063d2e070f6b2e0fad1a51093c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a56159ea65c974aa7989f06d6f2a9966">
+<a href="javascript:history.back();" class="lightbox" id="image-b76230063d2e070f6b2e0fad1a51093c">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3314,10 +3314,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e62bcb4e63eb2cad8d18ec24e1eda46d" class="lightbox-link">
+<a href="#image-e78dbcf51accf40cf614807a185d747d" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e62bcb4e63eb2cad8d18ec24e1eda46d">
+<a href="javascript:history.back();" class="lightbox" id="image-e78dbcf51accf40cf614807a185d747d">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3331,10 +3331,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-3dac3ea797df91afeb720896d485599c" class="lightbox-link">
+<a href="#image-14a2e881937d6312589ae963f3473d3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3dac3ea797df91afeb720896d485599c">
+<a href="javascript:history.back();" class="lightbox" id="image-14a2e881937d6312589ae963f3473d3b">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3350,10 +3350,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9d6b5d411306e1eda97c45596cb4e02c" class="lightbox-link">
+<a href="#image-0479c4127cd46d1efbe396dc1f7ad0e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d6b5d411306e1eda97c45596cb4e02c">
+<a href="javascript:history.back();" class="lightbox" id="image-0479c4127cd46d1efbe396dc1f7ad0e0">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3367,10 +3367,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-28ba61ba3fcc93e4097c301982081df0" class="lightbox-link">
+<a href="#image-caff51fcf04863190b9ab0d8dff59943" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-28ba61ba3fcc93e4097c301982081df0">
+<a href="javascript:history.back();" class="lightbox" id="image-caff51fcf04863190b9ab0d8dff59943">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3384,10 +3384,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-71542aeffe136065aa03a96d6ebce376" class="lightbox-link">
+<a href="#image-6915217998426bfd7015d33f5f4a432c" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71542aeffe136065aa03a96d6ebce376">
+<a href="javascript:history.back();" class="lightbox" id="image-6915217998426bfd7015d33f5f4a432c">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3401,10 +3401,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-f066223d046c552523e907880e5dd08b" class="lightbox-link">
+<a href="#image-dded3d81d5c6a1607e23c860249e41b4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f066223d046c552523e907880e5dd08b">
+<a href="javascript:history.back();" class="lightbox" id="image-dded3d81d5c6a1607e23c860249e41b4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3421,34 +3421,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-b6050a7f71d4a962f7253382bae78d93" class="lightbox-link">
+<a href="#image-17cab7821fa9d967ee3b73e2246cb5cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b6050a7f71d4a962f7253382bae78d93">
+<a href="javascript:history.back();" class="lightbox" id="image-17cab7821fa9d967ee3b73e2246cb5cd">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0cdea06ee4c3f959f765ad09e17eee1d" class="lightbox-link">
+<a href="#image-967df6018d78245663d357581da731fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0cdea06ee4c3f959f765ad09e17eee1d">
+<a href="javascript:history.back();" class="lightbox" id="image-967df6018d78245663d357581da731fb">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-9dd8459281eed62cb41fe0d0f757ac65" class="lightbox-link">
+<a href="#image-51403872ae38b658fd84a7852467d718" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd8459281eed62cb41fe0d0f757ac65">
+<a href="javascript:history.back();" class="lightbox" id="image-51403872ae38b658fd84a7852467d718">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-7eabb41c00578a42896a2c21f28a50e5" class="lightbox-link">
+<a href="#image-49782c6e21562568aab0ebfe3db5bdab" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7eabb41c00578a42896a2c21f28a50e5">
+<a href="javascript:history.back();" class="lightbox" id="image-49782c6e21562568aab0ebfe3db5bdab">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3462,10 +3462,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-2b1cac1c8a134bd21cd0091efadf7e0f" class="lightbox-link">
+<a href="#image-dde4d87cba2f83e590a64cb96b39da67" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b1cac1c8a134bd21cd0091efadf7e0f">
+<a href="javascript:history.back();" class="lightbox" id="image-dde4d87cba2f83e590a64cb96b39da67">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3696,10 +3696,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-2103f1d8d34f1dc3a30779c25edd7a93" class="lightbox-link">
+<a href="#image-d88c294cbbad04aa60b00a57c1842ce1" class="lightbox-link">
 <img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2103f1d8d34f1dc3a30779c25edd7a93">
+<a href="javascript:history.back();" class="lightbox" id="image-d88c294cbbad04aa60b00a57c1842ce1">
 <img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -3905,12 +3905,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c3b05835e02b4868c9bd63a83c3bdebf">
+<div class="tab-panel" data-tab-group="de02d4bdb0d4c717f043e27da396477f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','shortcode')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3920,7 +3921,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','partial')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4152,12 +4153,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fac35b572c3bf621acf2b05e6ab1a0f2">
+<div class="tab-panel" data-tab-group="e55e27c4d8f2e1dd84f9eb70fa16f40c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','shortcode')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4167,7 +4169,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','partial')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4383,12 +4385,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="31ed992f5f1aba73e2786bc6e6be012c">
+<div class="tab-panel" data-tab-group="6d2f3c136bd9412c3f62886f0abbcb7a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','shortcode')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4398,7 +4401,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','partial')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4721,12 +4724,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="edfc45d84ce6815fffd090831398a11d">
+<div class="tab-panel" data-tab-group="db4e4a221c7d013710d8c8950571783d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','shortcode')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4736,7 +4740,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','partial')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5125,13 +5129,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-caa1e4189fc48818b74f085bc6782495" aria-controls="expandcontent-caa1e4189fc48818b74f085bc6782495" >
-    <label class="expand-label" for="expand-caa1e4189fc48818b74f085bc6782495" >
+    <input type="checkbox" id="expand-caf5d3e842c5799bd0891bdbd7649221" aria-controls="expandcontent-caf5d3e842c5799bd0891bdbd7649221" >
+    <label class="expand-label" for="expand-caf5d3e842c5799bd0891bdbd7649221" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-caa1e4189fc48818b74f085bc6782495" class="expand-content">
+    <div id="expandcontent-caf5d3e842c5799bd0891bdbd7649221" 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>
@@ -5161,12 +5165,13 @@ So its content is used as description.</p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="33e91b386a0b17aae6c09e34974b679f">
+<div class="tab-panel" data-tab-group="ce5d9bf7bea37351ae8e4b65b885efef">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5176,7 +5181,7 @@ So its content is used as description.</p>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode (positional)')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5186,7 +5191,7 @@ So its content is used as description.</p>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','partial')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5261,13 +5266,13 @@ So its content is used as description.</p>
 <div class="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-a1ed019132a92bbf92784b540c061915" aria-controls="expandcontent-a1ed019132a92bbf92784b540c061915" >
-    <label class="expand-label" for="expand-a1ed019132a92bbf92784b540c061915" >
+    <input type="checkbox" id="expand-78d35ba7fb00ad1160a18d2a8b7672a9" aria-controls="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" >
+    <label class="expand-label" for="expand-78d35ba7fb00ad1160a18d2a8b7672a9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a1ed019132a92bbf92784b540c061915" class="expand-content">
+    <div id="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
@@ -5275,13 +5280,13 @@ Yes, you did it!</div>
 <div class="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-7128a600ce67ac8c77f2a637790693bc" aria-controls="expandcontent-7128a600ce67ac8c77f2a637790693bc"  checked>
-    <label class="expand-label" for="expand-7128a600ce67ac8c77f2a637790693bc" >
+    <input type="checkbox" id="expand-6eb22ad3ae97583629c1dd264e0cf922" aria-controls="expandcontent-6eb22ad3ae97583629c1dd264e0cf922"  checked>
+    <label class="expand-label" for="expand-6eb22ad3ae97583629c1dd264e0cf922" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7128a600ce67ac8c77f2a637790693bc" class="expand-content">
+    <div id="expandcontent-6eb22ad3ae97583629c1dd264e0cf922" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5303,13 +5308,13 @@ No need to press you!</div>
 </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-115983380ad9aba7fddd7cd802144c56" aria-controls="expandcontent-115983380ad9aba7fddd7cd802144c56" >
-    <label class="expand-label" for="expand-115983380ad9aba7fddd7cd802144c56" >
+    <input type="checkbox" id="expand-16d4101079d81d0f9c38aa48e1540a9d" aria-controls="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" >
+    <label class="expand-label" for="expand-16d4101079d81d0f9c38aa48e1540a9d" >
         <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-115983380ad9aba7fddd7cd802144c56" class="expand-content">
+    <div id="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5346,12 +5351,13 @@ No need to press you!</div>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="7cae30f07eeafd8f45f2003b15694d43">
+<div class="tab-panel" data-tab-group="4f1a4c2992e7dc57f06e2609c8e2b46b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5361,7 +5367,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode (positional)')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5371,7 +5377,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','partial')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5476,12 +5482,13 @@ No need to press you!</div>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="21fd93c62b26cc08ba5aa7cdcd85ef12">
+<div class="tab-panel" data-tab-group="3b7a7d764c4da98ea8a2cef85b5adc4d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5491,7 +5498,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode (positional)')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5501,7 +5508,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','partial')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5624,12 +5631,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="d6dd8abe55d26eec5e1689ffb1bc6d1a">
+<div class="tab-panel" data-tab-group="2edf467ef79e36580c2f1a23bb742b0d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','codefence')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5639,7 +5647,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','shortcode')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5649,7 +5657,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','partial')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5816,12 +5824,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="29e8b7356334af7728efd8cf1ee30f29">
+<div class="tab-panel" data-tab-group="14e5204f77c70cb04604e0912dfb4241">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','codefence')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5831,7 +5840,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','shortcode')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5841,7 +5850,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','partial')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6391,12 +6400,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="b331bdcb4a39cb61a21e3e7fba4f7f09">
+<div class="tab-panel" data-tab-group="2077828c3d683ffdc4d7acfc437a73a6">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6406,7 +6416,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode (positional)')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -6416,7 +6426,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','partial')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6761,12 +6771,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fc1e22e10218996b07ba3bffff6c53de">
+<div class="tab-panel" data-tab-group="e328633e5cf832001abea667c7abb280">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','shortcode')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6776,7 +6787,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','partial')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6839,7 +6850,7 @@ timeline
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-046972ca802072c2554da9fae6e3621e"
+    id="openapi-1b6e9c2be45787801cc92dd8f47aa253"
     openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -6858,12 +6869,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c147cec91a5f7a54c928f24cb0bf8249">
+<div class="tab-panel" data-tab-group="276a4137e90ec7f3e10d011207cbbbd4">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6873,7 +6885,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode (positional)')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -6883,7 +6895,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','partial')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6959,12 +6971,13 @@ timeline
 <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="b0115014d273cd37f716156f41c1c915">
+<div class="tab-panel" data-tab-group="8bbaf94d6e10d9b2af972e24a1babc1e">
   <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('b0115014d273cd37f716156f41c1c915','c')"
+      onclick="switchTab('8bbaf94d6e10d9b2af972e24a1babc1e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -6988,6 +7001,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7076,12 +7090,13 @@ timeline
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="9bfcfb2c2027934186f6b9c74db36caa">
+<div class="tab-panel" data-tab-group="139934062759a10a9bf00594bab50057">
   <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('9bfcfb2c2027934186f6b9c74db36caa','Code')"
+      onclick="switchTab('139934062759a10a9bf00594bab50057','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7102,12 +7117,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="d9204f0f6c9a946852353964d70ab02b">
+<div class="tab-panel" data-tab-group="4062fbb61287902e456ebd994d102485">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9204f0f6c9a946852353964d70ab02b','Mixed')"
+      onclick="switchTab('4062fbb61287902e456ebd994d102485','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7157,12 +7173,13 @@ timeline
 </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="6077264c7f1eeeb8305091ad9d5c73f8">
+<div class="tab-panel" data-tab-group="3b5b1e05f26fc295d1521f8dccd0c825">
   <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('6077264c7f1eeeb8305091ad9d5c73f8','just colored style')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7172,7 +7189,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7182,7 +7199,7 @@ timeline
     <button
       data-tab-item="default style and color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','default style and color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -7192,7 +7209,7 @@ timeline
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -7202,7 +7219,7 @@ timeline
     <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('6077264c7f1eeeb8305091ad9d5c73f8','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -7273,32 +7290,43 @@ timeline
 <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="60a62da429611538744c2234b6c534ff">
+<div class="tab-panel" data-tab-group="c008719b734d6e439a65fdc5301553cc">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','python')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','bash')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -7306,11 +7334,19 @@ timeline
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -7321,6 +7357,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7348,17 +7385,22 @@ timeline
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -7369,15 +7411,20 @@ timeline
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -7410,6 +7457,16 @@ timeline
 <td style="text-align:left">Sets a default value for every contained tab. Can be overridden by each tab. See the <a href="./shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written in front of the tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
@@ -7421,12 +7478,13 @@ timeline
 <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="f7198e1fbd7ec69390cc5028229671a1">
+<div class="tab-panel" data-tab-group="c1709d2891e6fdb25ffdc5f71430f7eb">
   <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('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 1')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7436,7 +7494,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 2')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7446,7 +7504,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group B')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -7523,6 +7581,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7585,6 +7644,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7629,6 +7689,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7672,7 +7733,7 @@ timeline
 <h3 id="nested-tabs-and-color">Nested Tabs and Color</h3>
 <p>In case you want to nest tabs, the parent tab that contains the subtabs needs to be declared with <code>{{&lt; tab &gt;}}</code> instead of <code>{{% tab %}}</code>. Note, that in this case it is not possible to put markdown in the parent tab.</p>
 <p>You can also set various color parameter for all tabs or just selected ones. See the <a href="./shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">is</span> <span class="nx">possible</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -7688,7 +7749,7 @@ timeline
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -7707,6 +7768,7 @@ timeline
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -7719,7 +7781,7 @@ timeline
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -7739,6 +7801,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -7787,7 +7850,7 @@ timeline
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -7795,6 +7858,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -7850,8 +7914,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1686068160" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="./js/clipboard.min.js?1686074108" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -7880,26 +7944,26 @@ timeline
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="./js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="./js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="./js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="./js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1686068160" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1686068160" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1686074108" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1686074108" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068160", assetsBuster:  1686068160  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074108", assetsBuster:  1686074108  };
     </script>
-    <script src="./js/theme.js?1686068160" defer></script>
+    <script src="./js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index fc3f94c9b7..e7e6aecc28 100644
--- a/index.search.js
+++ b/index.search.js
@@ -37,7 +37,7 @@ var relearn_search_index = [
     "uri": "/cont/index.html"
   },
   {
-    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\n0.95.0 The minimum required Hugo version.\nBreaking A change that requires action by you after upgrading to assure the site is still functional.\nChange A change in default behavior that may requires action by you if you want to revert it.\nNew Marks new behavior you might find interesting or comes configurable.\n5.16.0 (2023-06-05) New The tabs shortcode and the tab shortcode received some love and style, color and icon parameter similar to other shortcodes.\nIf you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.\nAdditionally the name parameter was renamed to title but you don’t need to change anything yet as the old name will be used as a fallback but you will get deprecation warnings while executing Hugo.\nNew The theme now supports separate favicons for light \u0026 dark mode optionally.\n5.15.0 (2023-05-29) Change Now also compatible with Hugo 0.112.0 or higher. This does not change the minimum required Hugo version.\nThe attachments shortcode has compatiblity issues with newer Hugo versions. You must switch to leaf bundles or are locked to Hugo \u003c 0.112.0 for now.\nIt is planned to refactor the attchments shortcode in the future. This will make it possible to use the shortcode in branch bundles again but not in simple pages anymore. Sadly this most likely will come with a breaking change which requires you to make changes to your project.\nChange The tabs shortcode has changed behavior if you haven’t set the groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong to the same group. Now, each tab view is treated as it was given a unique id.\nNew The already known tabshas a new friend the tab shortcode to make it easier to create a tab view in case you only need one single tab. Really handy if you want to flag your code examples with a language identifier.\nAdditionally for such a use case, the whitespace between a tab outline and the code is removed if only a single code block is contained.\nNew Besides the tag taxonomy the theme now also provides the category taxonomy out of the box and shows them in the content footer of each page.\n5.14.0 (2023-05-20) New The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.\nHugo’s default taxonmies tags and categories are already contained in the theme’s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don’t provide translations, the singualar and plural forms are taken as configured in your config.toml.\nNew To give you more flexibility in customizing your article layout a new partial content-header.html is introduced.\nThis came out of the requirement to customize the position of article tags, which by default are displayed above the title. A second requirement was to also show additional taxonomies not supported by the theme natively. While Hugo supports tags and categories by default, the theme only displays tags.\nSo how to adjust the position of tags starting from the theme’s default where tags are only shown above the title?\nHide tags above title: Overwrite content-header.html with an empty file. Show tags between title and content: Overwrite heading-post.html and add {{- partial \"tags.html\" . }} to it. Show tags below content: Overwrite content-footer.html and add {{- partial \"tags.html\" . }} to it. New The new parameter breadcrumbSeparator is now available in your config.toml to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.\n5.13.0 (2023-05-17) Change The swagger shortcode was deprecated in favor for the openapi shortcode. You don’t need to change anything yet as the old name will be used as a fallback. It is planned to remove the swagger shortcode in the next major release.\nAdditionally, the implemantion of this shortcode was switched from RapiDoc to SwaggerUI.\n5.12.0 (2023-05-04) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed (again). While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Support for the great VSCode Front Matter extension which provides on-premise CMS capabilties to Hugo.\nThe theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support for languages that are written right to left (like Arabic) is now complete and extended to the menu, the top navigation bar and print. You can experience this in the pirate translation. This feature is not available in Internet Explorer 11.\nNew The scrollbars are now colored according to their variant color scheme to better fit into the visuals.\n5.11.0 (2023-02-07) Change The theme removed the popular jQuery library from its distribution.\nIn case you made changes to the theme that are dependend on this library you can place a copy of jQuery into your static/js directory and load it from your own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Mermaid diagrams can now be configured for pan and zoom on site-, page-level or individually for each graph.\nThe default setting of on, in effect since 1.1.0, changed back to off as there was interference with scrolling on mobile and big pages.\nChange The theme is now capable to visually adapt to your OS’s light/dark mode setting.\nThis is also the new default setting if you haven’t configured themeVariant in your config.toml.\nAdditionally you can configure the variants to be taken for light/dark mode with the new themeVariantAuto parameter.\nThis is not supported for Internet Explorer 11, which still displays in the relearn-light variant.\nChange The JavaScript code for handling image lightboxes (provided by Featherlight) was replaced by a CSS-only solution.\nThis also changed the lightbox effects parameter from featherlight=false to lightbox=false. Nevertheless you don’t need to change anything as the old name will be used as a fallback.\nChange In the effort to comply with WCAG standards, the implementation of the expand shortcode was changed. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Translation for Czech. This language is not supported for search.\nNew GitHub releases are also now tagged for the main version (eg. 1.2.x), major version (eg. 1.x) and the latest (just x) release making it easier for you to pin the theme to a certain version.\n5.10.0 (2023-01-25) New The attachments, badge, button and notice shortcodes have a new parameter color to set arbitrary CSS color values.\nAdditionally the --ACCENT-color brand color introduced in version 5.8.0 is now supported with these shortcodes.\n5.9.0 (2022-12-23) Breaking With this version it is now possible to not only have sections on the first menu level but also pages.\nIt was later discovered, that this causes pages only meant to be displayed in the More section of the menu and stored directly inside your content directory to now show up in the menu aswell.\nTo get rid of this undesired behavior you have two choices:\nMake the page file for the More section a headless branch bundle (contained in its own subdirectory and called _index.md) and add the following frontmatter configuration to the file (see exampleSite’s content/showcase). This causes its content to not be contained in the sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store the page file for the More section below a parent headless branch bundle and add the following frontmatter to the parent. In this case, the file itself can be a branch bundle, leaf bundle or simple page (see exampleSite’s content/more/ and content/more/credits). This causes its content to be contained in the sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change The required folder name for the attachments shortcode was changed for leaf bundles.\nPreviously, the attachments for leaf bundles in non-multilang setups were required to be in a files subdirectory. For page bundles and leaf bundles in multilang setups they were always required to be in a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments for leaf bundles in non-multilang setups can now also reside in a index.files directory. Although the old files directory is now deprecated, if both directories are present, only the old files directory will be used for compatiblity.\nChange Absolute links prefixed with http:// or https:// are now opened in a separate browser tab.\nYou can revert back to the old behavior by defining externalLinkTarget=\"_self\" in the params section of your config.toml.\nNew The theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New The new badge shortcode is now available to add highly configurable markers to your content as you can see it on this page.\nNew The new icon shortcode simplyfies the usage of icons. This can even be combined with also new badge shortcode.\nNew The theme now supports some of GFM (GitHub Flavored Markdown) syntax and Hugo Markdown extensions, namely task lists, defintion lists and footnotes.\nNew A new color --ACCENT-color was introduced which is used for highlightning search results on the page. In case you simply don’t care, you don’t need to change anything in your variant stylesheet as the old yellow color is still used as default.\n5.7.0 (2022-11-29) Change The Korean language translation for this theme is now available with the language code ko. Formerly the country code kr was used instead.\nNew The button shortcode can now also be used as a real button inside of HTML forms - although this is a pretty rare use case. The documentation was updated accordingly.\nNew The search now supports the Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.\nTo activate this feature, you need to configure it in your config.toml as a new outputformat SEARCHPAGE for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.\nYou can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.\nNew Keyboard handling for the TOC and search was improved.\nPressing CTRL+ALT+t now will not only toggle the TOC overlay but also places the focus to the first heading on opening. Subsequently this makes it possible to easily select headings by using the TAB key.\nThe search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus the cursor inside of the the search box so you can immediately start your search by typing.\nNew You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.\nTo configure this in your config.toml make sure to set Hugo’s disableHugoGeneratorInject=true and also [params] disableGeneratorVersion=true, otherwise Hugo will generate a meta tag into your home page automagically.\nNew Creation of your project gets a little bit faster with this release.\nThis addresses increased build time with the 5.x releases. The theme now heavily caches partial results leading to improved performance. To further increase performance, unnecessary parts of the page are now skipped for creation of the print output (eg. menus, navigation bar, etc.).\n5.5.0 (2022-11-06) Change The way images are processed has changed. Now images are lazy loaded by default which speeds up page load on slow networks and/or big pages and also the print preview.\nFor that the JavaScript code to handle the lightbox and image effects on the client side was removed in favour for static generation of those effects on the server.\nIf you have used HTML directly in your Markdown files, this now has the downside that it doesn’t respect the effect query parameter anymore. In this case you have to migrate all your HTML img URLs manually to the respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change With the proper settings in your config.toml your page is now servable from the local file system using file:// URLs.\nPlease note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your config.toml from JSON to SEARCH. The now deprecated JSON outputformat still works as before, so there is no need to reconfigure your installation if it is only served from http:// or https://.\nChange The button shortcode has a new parameter target to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.\nNew The math shortcode and mermaid shortcode now also support the align parameter if codefence syntax is used.\nNew Support for languages that are written right to left (like Arabic). This is only implemented for the content area but not the navigation sidebar. This feature is not available in Internet Explorer 11.\nNew Translation for Finnish (Suomi).\n5.3.0 (2022-10-07) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed. The functionality of the new implementation does not work with old browsers (Internet Explorer 11).\nNew Image formatting has two new classes to align images to the left or right. Additionally, the already existing inline option is now documented.\nNew Printing for the swagger shortcode was optimized to expand sections that are usually closed in interactive mode. This requires print support to be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true in your config.toml, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Hugo version.\nChange Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a index.print.html to the default URL.\nYou can revert this behavior by overwriting the PRINT output format setting in your config.tomlto:\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalinkable = false 5.0.0 (2022-07-05) Breaking The theme changed how JavaScript and CSS dependencies are loaded to provide a better performance. In case you’ve added own JavaScript code that depends on the themes jQuery implementation, you have to put it into a separate *.js file (if not already) and add the defer keyword to the script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change The way archetypes are used to generate output has changed. The new systems allows you, to redefine existing archetypes or even generate your own ones.\nYour existing markdown files will still work like before and therefore you don’t need to change anything after the upgrade. Nevertheless, it is recommended to adapt your existing markdown files to the new way as follows:\nfor your home page, add the frontmatter parameter archetype = \"home\" and remove the leading heading\nfor all files containing the deprecated frontmatter parameter chapter = true, replace it with archetype = \"chapter\" and remove the leading headings\nChange The frontmatter options pre / post were renamed to menuPre / menuPost. The old options will still be used if the new options aren’t set. Therefore you don’t need to change anything after the upgrade.\nNew Adding new partials heading-pre.html / heading-post.html and according frontmatter options headingPre / headingPost to modify the way your page`s main heading gets styled.\nNew The new shortcode math is available to add beautiful math and chemical formulae. See the documentation for available features. This feature will not work with Internet Explorer 11.\n4.2.0 (2022-06-23) Breaking The second parameter for the include shortcode was switched in meaning and was renamed from showfirstheading to hidefirstheading. If you haven’t used this parameter in your shortcode, the default behavior hasn’t changed and you don’t need to change anything.\nIf you’ve used the second boolean parameter, you have to rename it and invert its value to achieve the same behavior.\nChange Previously, if the tabs shortcode could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.\nChange The landingPageURL was removed from config.toml. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically.\nNew All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.\n4.1.0 (2022-06-12) New While fixing issues with the search functionality for non Latin languages, you can now configure to have multiple languages on a single page. 4.0.0 (2022-06-05) Breaking The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking Because anchor hover color was not configurable without introducing more complexity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectively.\nNew All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand, include, notice and siteparam.\nNew The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew Translation for Polish. This language is not supported for search.\nNew The documentation for all shortcodes were revised.\n3.4.0 (2022-04-03) Breaking If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew Translation for Traditional Chinese.\n3.3.0 (2022-03-28) New Introduction of new CSS variables to set the font. The theme distinguishes between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew The new shortcode swagger is available to include a UI for REST OpenAPI specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Hugo version.\nChange In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set disableMermaid=false in your frontmatter to force the library to be loaded. See the theme variant generator of the exampleSite for an example.\nNew Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 (2022-03-15) New attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 (2022-02-22) Breaking We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 (2021-11-19) Breaking This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard compliant and exchanging this theme in your project to some other theme will be effortless.\nIn a standard compliant form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard compliant and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\nStart up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Page (ref\\s+\"[^\"]*)\\.md\" $1\" Copy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for Czech.\nNew The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 (2021-10-24) New Optional second parameter for notice shortcode to set title in box header. 2.6.0 (2021-10-21) New Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlighting in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 (2021-10-07) Change Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Hugo version.\nNew Showcase multilanguage features by providing a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.\n2.2.0 (2021-09-09) New Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Hugo version.\nChange In case the site’s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew If a search term is found in an expand shortcode, the expand will be opened.\nNew The menu will scroll the active item into view on load.\n2.0.0 (2021-08-28) Change Syntax highlighting was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange A page without a title will be treated as hidden=true.\nNew You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew Shortcode children with new parameter containerstyle.\nNew New shortcode include to include arbitrary file content into a page.\n1.2.0 (2021-07-26) New Shortcode expand with new parameter to open on page load. 1.1.0 (2021-07-02) Breaking Mermaid diagrams can now be panned and zoomed. This isn’t configurable yet.\nNew Mermaid config options can be set in config.toml.\n1.0.0 (2021-07-01) 0.65.0 The requirement for the Hugo version of this theme is the same as for the Learn theme version 2.5.0 on 2021-07-01.\nNew Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues.\n",
+    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\n0.95.0 The minimum required Hugo version.\nBreaking A change that requires action by you after upgrading to assure the site is still functional.\nChange A change in default behavior that may requires action by you if you want to revert it.\nNew Marks new behavior you might find interesting or comes configurable.\n5.16.0 (2023-06-05) New The tabs shortcode and the tab shortcode received some love and now align with their style, color, title and icon parameter to the other shortcodes.\nThe visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.\nAdditionally the name parameter was renamed to title but you don’t need to change anything yet as the old name will be used as a fallback but you will get deprecation warnings while executing Hugo.\nNew The theme now supports separate favicons for light \u0026 dark mode optionally.\n5.15.0 (2023-05-29) Change Now also compatible with Hugo 0.112.0 or higher. This does not change the minimum required Hugo version.\nThe attachments shortcode has compatiblity issues with newer Hugo versions. You must switch to leaf bundles or are locked to Hugo \u003c 0.112.0 for now.\nIt is planned to refactor the attchments shortcode in the future. This will make it possible to use the shortcode in branch bundles again but not in simple pages anymore. Sadly this most likely will come with a breaking change which requires you to make changes to your project.\nChange The tabs shortcode has changed behavior if you haven’t set the groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong to the same group. Now, each tab view is treated as it was given a unique id.\nNew The already known tabshas a new friend the tab shortcode to make it easier to create a tab view in case you only need one single tab. Really handy if you want to flag your code examples with a language identifier.\nAdditionally for such a use case, the whitespace between a tab outline and the code is removed if only a single code block is contained.\nNew Besides the tag taxonomy the theme now also provides the category taxonomy out of the box and shows them in the content footer of each page.\n5.14.0 (2023-05-20) New The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.\nHugo’s default taxonmies tags and categories are already contained in the theme’s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don’t provide translations, the singualar and plural forms are taken as configured in your config.toml.\nNew To give you more flexibility in customizing your article layout a new partial content-header.html is introduced.\nThis came out of the requirement to customize the position of article tags, which by default are displayed above the title. A second requirement was to also show additional taxonomies not supported by the theme natively. While Hugo supports tags and categories by default, the theme only displays tags.\nSo how to adjust the position of tags starting from the theme’s default where tags are only shown above the title?\nHide tags above title: Overwrite content-header.html with an empty file. Show tags between title and content: Overwrite heading-post.html and add {{- partial \"tags.html\" . }} to it. Show tags below content: Overwrite content-footer.html and add {{- partial \"tags.html\" . }} to it. New The new parameter breadcrumbSeparator is now available in your config.toml to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.\n5.13.0 (2023-05-17) Change The swagger shortcode was deprecated in favor for the openapi shortcode. You don’t need to change anything yet as the old name will be used as a fallback. It is planned to remove the swagger shortcode in the next major release.\nAdditionally, the implemantion of this shortcode was switched from RapiDoc to SwaggerUI.\n5.12.0 (2023-05-04) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed (again). While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Support for the great VSCode Front Matter extension which provides on-premise CMS capabilties to Hugo.\nThe theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support for languages that are written right to left (like Arabic) is now complete and extended to the menu, the top navigation bar and print. You can experience this in the pirate translation. This feature is not available in Internet Explorer 11.\nNew The scrollbars are now colored according to their variant color scheme to better fit into the visuals.\n5.11.0 (2023-02-07) Change The theme removed the popular jQuery library from its distribution.\nIn case you made changes to the theme that are dependend on this library you can place a copy of jQuery into your static/js directory and load it from your own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Mermaid diagrams can now be configured for pan and zoom on site-, page-level or individually for each graph.\nThe default setting of on, in effect since 1.1.0, changed back to off as there was interference with scrolling on mobile and big pages.\nChange The theme is now capable to visually adapt to your OS’s light/dark mode setting.\nThis is also the new default setting if you haven’t configured themeVariant in your config.toml.\nAdditionally you can configure the variants to be taken for light/dark mode with the new themeVariantAuto parameter.\nThis is not supported for Internet Explorer 11, which still displays in the relearn-light variant.\nChange The JavaScript code for handling image lightboxes (provided by Featherlight) was replaced by a CSS-only solution.\nThis also changed the lightbox effects parameter from featherlight=false to lightbox=false. Nevertheless you don’t need to change anything as the old name will be used as a fallback.\nChange In the effort to comply with WCAG standards, the implementation of the expand shortcode was changed. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Translation for Czech. This language is not supported for search.\nNew GitHub releases are also now tagged for the main version (eg. 1.2.x), major version (eg. 1.x) and the latest (just x) release making it easier for you to pin the theme to a certain version.\n5.10.0 (2023-01-25) New The attachments, badge, button and notice shortcodes have a new parameter color to set arbitrary CSS color values.\nAdditionally the --ACCENT-color brand color introduced in version 5.8.0 is now supported with these shortcodes.\n5.9.0 (2022-12-23) Breaking With this version it is now possible to not only have sections on the first menu level but also pages.\nIt was later discovered, that this causes pages only meant to be displayed in the More section of the menu and stored directly inside your content directory to now show up in the menu aswell.\nTo get rid of this undesired behavior you have two choices:\nMake the page file for the More section a headless branch bundle (contained in its own subdirectory and called _index.md) and add the following frontmatter configuration to the file (see exampleSite’s content/showcase). This causes its content to not be contained in the sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store the page file for the More section below a parent headless branch bundle and add the following frontmatter to the parent. In this case, the file itself can be a branch bundle, leaf bundle or simple page (see exampleSite’s content/more/ and content/more/credits). This causes its content to be contained in the sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change The required folder name for the attachments shortcode was changed for leaf bundles.\nPreviously, the attachments for leaf bundles in non-multilang setups were required to be in a files subdirectory. For page bundles and leaf bundles in multilang setups they were always required to be in a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments for leaf bundles in non-multilang setups can now also reside in a index.files directory. Although the old files directory is now deprecated, if both directories are present, only the old files directory will be used for compatiblity.\nChange Absolute links prefixed with http:// or https:// are now opened in a separate browser tab.\nYou can revert back to the old behavior by defining externalLinkTarget=\"_self\" in the params section of your config.toml.\nNew The theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New The new badge shortcode is now available to add highly configurable markers to your content as you can see it on this page.\nNew The new icon shortcode simplyfies the usage of icons. This can even be combined with also new badge shortcode.\nNew The theme now supports some of GFM (GitHub Flavored Markdown) syntax and Hugo Markdown extensions, namely task lists, defintion lists and footnotes.\nNew A new color --ACCENT-color was introduced which is used for highlightning search results on the page. In case you simply don’t care, you don’t need to change anything in your variant stylesheet as the old yellow color is still used as default.\n5.7.0 (2022-11-29) Change The Korean language translation for this theme is now available with the language code ko. Formerly the country code kr was used instead.\nNew The button shortcode can now also be used as a real button inside of HTML forms - although this is a pretty rare use case. The documentation was updated accordingly.\nNew The search now supports the Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.\nTo activate this feature, you need to configure it in your config.toml as a new outputformat SEARCHPAGE for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.\nYou can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.\nNew Keyboard handling for the TOC and search was improved.\nPressing CTRL+ALT+t now will not only toggle the TOC overlay but also places the focus to the first heading on opening. Subsequently this makes it possible to easily select headings by using the TAB key.\nThe search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus the cursor inside of the the search box so you can immediately start your search by typing.\nNew You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.\nTo configure this in your config.toml make sure to set Hugo’s disableHugoGeneratorInject=true and also [params] disableGeneratorVersion=true, otherwise Hugo will generate a meta tag into your home page automagically.\nNew Creation of your project gets a little bit faster with this release.\nThis addresses increased build time with the 5.x releases. The theme now heavily caches partial results leading to improved performance. To further increase performance, unnecessary parts of the page are now skipped for creation of the print output (eg. menus, navigation bar, etc.).\n5.5.0 (2022-11-06) Change The way images are processed has changed. Now images are lazy loaded by default which speeds up page load on slow networks and/or big pages and also the print preview.\nFor that the JavaScript code to handle the lightbox and image effects on the client side was removed in favour for static generation of those effects on the server.\nIf you have used HTML directly in your Markdown files, this now has the downside that it doesn’t respect the effect query parameter anymore. In this case you have to migrate all your HTML img URLs manually to the respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change With the proper settings in your config.toml your page is now servable from the local file system using file:// URLs.\nPlease note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your config.toml from JSON to SEARCH. The now deprecated JSON outputformat still works as before, so there is no need to reconfigure your installation if it is only served from http:// or https://.\nChange The button shortcode has a new parameter target to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.\nNew The math shortcode and mermaid shortcode now also support the align parameter if codefence syntax is used.\nNew Support for languages that are written right to left (like Arabic). This is only implemented for the content area but not the navigation sidebar. This feature is not available in Internet Explorer 11.\nNew Translation for Finnish (Suomi).\n5.3.0 (2022-10-07) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed. The functionality of the new implementation does not work with old browsers (Internet Explorer 11).\nNew Image formatting has two new classes to align images to the left or right. Additionally, the already existing inline option is now documented.\nNew Printing for the swagger shortcode was optimized to expand sections that are usually closed in interactive mode. This requires print support to be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true in your config.toml, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Hugo version.\nChange Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a index.print.html to the default URL.\nYou can revert this behavior by overwriting the PRINT output format setting in your config.tomlto:\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalinkable = false 5.0.0 (2022-07-05) Breaking The theme changed how JavaScript and CSS dependencies are loaded to provide a better performance. In case you’ve added own JavaScript code that depends on the themes jQuery implementation, you have to put it into a separate *.js file (if not already) and add the defer keyword to the script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change The way archetypes are used to generate output has changed. The new systems allows you, to redefine existing archetypes or even generate your own ones.\nYour existing markdown files will still work like before and therefore you don’t need to change anything after the upgrade. Nevertheless, it is recommended to adapt your existing markdown files to the new way as follows:\nfor your home page, add the frontmatter parameter archetype = \"home\" and remove the leading heading\nfor all files containing the deprecated frontmatter parameter chapter = true, replace it with archetype = \"chapter\" and remove the leading headings\nChange The frontmatter options pre / post were renamed to menuPre / menuPost. The old options will still be used if the new options aren’t set. Therefore you don’t need to change anything after the upgrade.\nNew Adding new partials heading-pre.html / heading-post.html and according frontmatter options headingPre / headingPost to modify the way your page`s main heading gets styled.\nNew The new shortcode math is available to add beautiful math and chemical formulae. See the documentation for available features. This feature will not work with Internet Explorer 11.\n4.2.0 (2022-06-23) Breaking The second parameter for the include shortcode was switched in meaning and was renamed from showfirstheading to hidefirstheading. If you haven’t used this parameter in your shortcode, the default behavior hasn’t changed and you don’t need to change anything.\nIf you’ve used the second boolean parameter, you have to rename it and invert its value to achieve the same behavior.\nChange Previously, if the tabs shortcode could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.\nChange The landingPageURL was removed from config.toml. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically.\nNew All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.\n4.1.0 (2022-06-12) New While fixing issues with the search functionality for non Latin languages, you can now configure to have multiple languages on a single page. 4.0.0 (2022-06-05) Breaking The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking Because anchor hover color was not configurable without introducing more complexity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectively.\nNew All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand, include, notice and siteparam.\nNew The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew Translation for Polish. This language is not supported for search.\nNew The documentation for all shortcodes were revised.\n3.4.0 (2022-04-03) Breaking If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew Translation for Traditional Chinese.\n3.3.0 (2022-03-28) New Introduction of new CSS variables to set the font. The theme distinguishes between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew The new shortcode swagger is available to include a UI for REST OpenAPI specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Hugo version.\nChange In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set disableMermaid=false in your frontmatter to force the library to be loaded. See the theme variant generator of the exampleSite for an example.\nNew Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 (2022-03-15) New attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 (2022-02-22) Breaking We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 (2021-11-19) Breaking This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard compliant and exchanging this theme in your project to some other theme will be effortless.\nIn a standard compliant form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard compliant and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\nStart up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Page (ref\\s+\"[^\"]*)\\.md\" $1\" Copy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for Czech.\nNew The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 (2021-10-24) New Optional second parameter for notice shortcode to set title in box header. 2.6.0 (2021-10-21) New Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlighting in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 (2021-10-07) Change Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Hugo version.\nNew Showcase multilanguage features by providing a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.\n2.2.0 (2021-09-09) New Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Hugo version.\nChange In case the site’s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew If a search term is found in an expand shortcode, the expand will be opened.\nNew The menu will scroll the active item into view on load.\n2.0.0 (2021-08-28) Change Syntax highlighting was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange A page without a title will be treated as hidden=true.\nNew You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew Shortcode children with new parameter containerstyle.\nNew New shortcode include to include arbitrary file content into a page.\n1.2.0 (2021-07-26) New Shortcode expand with new parameter to open on page load. 1.1.0 (2021-07-02) Breaking Mermaid diagrams can now be panned and zoomed. This isn’t configurable yet.\nNew Mermaid config options can be set in config.toml.\n1.0.0 (2021-07-01) 0.65.0 The requirement for the Hugo version of this theme is the same as for the Learn theme version 2.5.0 on 2021-07-01.\nNew Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
@@ -396,7 +396,7 @@ var relearn_search_index = [
     "uri": "/tests/chapters/9/index.html"
   },
   {
-    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Warning Since Hugo 0.112.0 this only works for leaf bundles. Branch bundles and simple pages must be switched to leaf bundles or you are currently locked to a Hugo version \u003c 0.112.0.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode partial partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: Attachments\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: paperclip\nIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:\n- to match a file suffix of ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- to match file names ending in jpg or png, use .*\\.(jpg|png) Setup Single language The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).\nIf your page is a leaf bundle, attachments must be placed in a nested index.files folder, accordingly.\ncontent _index.md page _index.md _index.files attachment.pdf If your page is a branch bundle, attachments must be placed in a nested _index.files folder, accordingly.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page index.md index.files attachment.pdf For simple pages, attachments must be placed in a folder named like your page and ending with .files.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page.files attachment.pdf page.md Multilingual Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.\nEg. for a site in English and Piratish:\ncontent index.en.md index.pir.md page index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) With User-Defined Color and Font Awesome Brand Icon {{% attachments color=\"fuchsia\" icon=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title and Icons For further examples for style, color, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
+    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Warning Since Hugo 0.112.0 this only works for leaf bundles. Branch bundles and simple pages must be switched to leaf bundles or you are currently locked to a Hugo version \u003c 0.112.0.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: Attachments\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: paperclip\nIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:\n- to match a file suffix of ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- to match file names ending in jpg or png, use .*\\.(jpg|png) Setup Single language The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).\nIf your page is a leaf bundle, attachments must be placed in a nested index.files folder, accordingly.\ncontent _index.md page _index.md _index.files attachment.pdf If your page is a branch bundle, attachments must be placed in a nested _index.files folder, accordingly.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page index.md index.files attachment.pdf For simple pages, attachments must be placed in a folder named like your page and ending with .files.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page.files attachment.pdf page.md Multilingual Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.\nEg. for a site in English and Piratish:\ncontent index.en.md index.pir.md page index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) With User-Defined Color and Font Awesome Brand Icon {{% attachments color=\"fuchsia\" icon=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title and Icons For further examples for style, color, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
     "description": "List of files attached to a page",
     "tags": null,
     "title": "Attachments",
@@ -431,7 +431,7 @@ var relearn_search_index = [
     "uri": "/tests/attach/index.html"
   },
   {
-    "content": "The badge shortcode displays little markers in your text with adjustable color, title and icon.\nImportant Version6.6.6 Captain InfoNew Awesome\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default The style scheme used for the badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the badge title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text for the badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Breaking{{% /badge %}} InfoNew NoteChange TipOptional WarningBreaking\nBy Brand Colors {{% badge style=\"primary\" icon=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" icon=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" icon=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" icon=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" icon=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" icon=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" icon=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" icon=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" icon=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" icon=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Icon and Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Icon {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nWithout Title Text {{% badge icon=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge icon=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nOverride for Severity {{% badge style=\"info\" icon=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other With User-Defined Color, Font Awesome Brand Icon and Markdown Title and Content {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome With Icon Content You can combine the badge with the icon shortcode to create even more stunning visuals.\nIn this case you need to declare {{\u003c badge \u003e}} instead of {{% badge %}}. Note, that in this case it is not possible to put markdown in the content.\n{{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside of Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" icon=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": "The badge shortcode displays little markers in your text with adjustable color, title and icon.\nImportant Version6.6.6 Captain InfoNew Awesome\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default The style scheme used for the badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the badge title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text for the badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Breaking{{% /badge %}} InfoNew NoteChange TipOptional WarningBreaking\nBy Brand Colors {{% badge style=\"primary\" icon=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" icon=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" icon=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" icon=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" icon=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" icon=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" icon=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" icon=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" icon=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" icon=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Icon and Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Icon {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nWithout Title Text {{% badge icon=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge icon=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nOverride for Severity {{% badge style=\"info\" icon=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other With User-Defined Color, Font Awesome Brand Icon and Markdown Title and Content {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome With Icon Content You can combine the badge with the icon shortcode to create even more stunning visuals.\nIn this case you need to declare {{\u003c badge \u003e}} instead of {{% badge %}}. Note, that in this case it is not possible to put markdown in the content.\n{{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside of Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" icon=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "Marker badges to display in your text",
     "tags": null,
     "title": "Badge",
@@ -445,7 +445,7 @@ var relearn_search_index = [
     "uri": "/categories/basic/index.html"
   },
   {
-    "content": "The button shortcode displays a clickable button with adjustable color, title and icon.\nGet Hugo Get Hugo Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode partial partial {{% button href=\"https://gohugo.io/\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" icon=\"dragon\" %}}Get Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once the button is clicked, it opens another browser tab for the given URL.\nParameter Name Default Notes href \u003cempty\u003e Either the destination URL for the button or JavaScript code to be executed on click. If this parameter is not set, the button will do nothing but is still displayed as clickable.\n- if starting with javascript: all following text will be executed in your browser\n- every other string will be interpreted as URL style transparent The style scheme used for the button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) iconposition left Places the icon to the left or right of the title. target see notes The destination frame/window if href is an URL. Otherwise the parameter is not used. This behaves similar to normal links. If the parameter is not given it defaults to:\n- the setting of externalLinkTarget or _blank if not set, for any address starting with http:// or https://\n- no specific value for all other links type see notes The button type if href is JavaScript. Otherwise the parameter is not used. If the parameter is not given it defaults to button \u003ccontent\u003e see notes Arbitrary text for the button title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"accent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo Get Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Icon To the Left {{% button href=\"https://gohugo.io/\" icon=\"download\" %}}Get Hugo{{% /button %}} Get Hugo To the Right {{% button href=\"https://gohugo.io/\" icon=\"download\" iconposition=\"right\" %}}Get Hugo{{% /button %}} Get Hugo Override for Severity {{% button href=\"https://gohugo.io/\" icon=\"dragon\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Hugo in same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Hugo in new Window/Frame (default){{% /button %}} Get Hugo in same Window/Frame Get Hugo in new Window/Frame (default) Other With User-Defined Color, Font Awesome Brand Icon and Markdown Title {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Get **Hugo**{{% /button %}} Get Hugo Severity Style with All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Tip Button to Internal Page {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button with JavaScript Action If your JavaScript action does not change the focus afterwards, make sure to call this.blur() in the end to unselect the button.\n{{% button style=\"primary\" icon=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element To use native HTML elements in your Markdown, add this in your config.toml\n[markup.goldmark.renderer] unsafe = true \u003cform action=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
+    "content": "The button shortcode displays a clickable button with adjustable color, title and icon.\nGet Hugo Get Hugo Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% button href=\"https://gohugo.io/\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" icon=\"dragon\" %}}Get Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once the button is clicked, it opens another browser tab for the given URL.\nParameter Name Default Notes href \u003cempty\u003e Either the destination URL for the button or JavaScript code to be executed on click. If this parameter is not set, the button will do nothing but is still displayed as clickable.\n- if starting with javascript: all following text will be executed in your browser\n- every other string will be interpreted as URL style transparent The style scheme used for the button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) iconposition left Places the icon to the left or right of the title. target see notes The destination frame/window if href is an URL. Otherwise the parameter is not used. This behaves similar to normal links. If the parameter is not given it defaults to:\n- the setting of externalLinkTarget or _blank if not set, for any address starting with http:// or https://\n- no specific value for all other links type see notes The button type if href is JavaScript. Otherwise the parameter is not used. If the parameter is not given it defaults to button \u003ccontent\u003e see notes Arbitrary text for the button title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"accent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo Get Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Icon To the Left {{% button href=\"https://gohugo.io/\" icon=\"download\" %}}Get Hugo{{% /button %}} Get Hugo To the Right {{% button href=\"https://gohugo.io/\" icon=\"download\" iconposition=\"right\" %}}Get Hugo{{% /button %}} Get Hugo Override for Severity {{% button href=\"https://gohugo.io/\" icon=\"dragon\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Hugo in same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Hugo in new Window/Frame (default){{% /button %}} Get Hugo in same Window/Frame Get Hugo in new Window/Frame (default) Other With User-Defined Color, Font Awesome Brand Icon and Markdown Title {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Get **Hugo**{{% /button %}} Get Hugo Severity Style with All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Tip Button to Internal Page {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button with JavaScript Action If your JavaScript action does not change the focus afterwards, make sure to call this.blur() in the end to unselect the button.\n{{% button style=\"primary\" icon=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element To use native HTML elements in your Markdown, add this in your config.toml\n[markup.goldmark.renderer] unsafe = true \u003cform action=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
     "description": "Clickable buttons",
     "tags": null,
     "title": "Button",
@@ -473,7 +473,7 @@ var relearn_search_index = [
     "uri": "/tags/children/index.html"
   },
   {
-    "content": "The children shortcode lists the child pages of the current page and its descendants.\npage X page 1 page 2 page 3 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode partial partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"context\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children. It could be any HTML tag name. style li Choose the style used to display each descendant. It could be any HTML tag name. showhidden false When true, child pages hidden from the menu will be displayed as well. description false When true shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - read more info about summaries on gohugo.io. depth 1 The depth of descendants to display. For example, if the value is 2, the shortcode will display two levels of child pages. To get all descendants, set this value to a high number eg. 999. sort see notes The sort order of the displayed list.\nIf not set it is sorted by the ordersectionsby setting of the site and the pages frontmatter\n- weight: to sort on menu order\n- title: to sort alphabetically on menu label. Examples All Default {{% children %}} page X page 1 page 2 page 3 With Description {{% children description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\nInfinite Depth and Hidden Pages {{% children depth=\"999\" showhidden=\"true\" %}} page X page 1 page 1-1 page 1-1-1 (hidden) page 1-1-1-1 page 1-1-1-1-1 (hidden) page 1-1-1-1-1-1 page 1-1-2 page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 page 4 (hidden) Heading Styles for Container and Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 1-1This is a demo child page\npage 1-1-2This is a demo child page\npage 1-1-3This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\npage 3-1This is a plain page test nested in a parent\nDivs for Group and Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} page X page 1 page 1-1 page 1-1-2 page 1-1-3 page 2 page 3 page 3-1 ",
+    "content": "The children shortcode lists the child pages of the current page and its descendants.\npage X page 1 page 2 page 3 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"context\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children. It could be any HTML tag name. style li Choose the style used to display each descendant. It could be any HTML tag name. showhidden false When true, child pages hidden from the menu will be displayed as well. description false When true shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - read more info about summaries on gohugo.io. depth 1 The depth of descendants to display. For example, if the value is 2, the shortcode will display two levels of child pages. To get all descendants, set this value to a high number eg. 999. sort see notes The sort order of the displayed list.\nIf not set it is sorted by the ordersectionsby setting of the site and the pages frontmatter\n- weight: to sort on menu order\n- title: to sort alphabetically on menu label. Examples All Default {{% children %}} page X page 1 page 2 page 3 With Description {{% children description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\nInfinite Depth and Hidden Pages {{% children depth=\"999\" showhidden=\"true\" %}} page X page 1 page 1-1 page 1-1-1 (hidden) page 1-1-1-1 page 1-1-1-1-1 (hidden) page 1-1-1-1-1-1 page 1-1-2 page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 page 4 (hidden) Heading Styles for Container and Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 1-1This is a demo child page\npage 1-1-2This is a demo child page\npage 1-1-3This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\npage 3-1This is a plain page test nested in a parent\nDivs for Group and Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} page X page 1 page 1-1 page 1-1-2 page 1-1-3 page 2 page 3 page 3-1 ",
     "description": "List the child pages of a page",
     "tags": null,
     "title": "Children",
@@ -529,7 +529,7 @@ var relearn_search_index = [
     "uri": "/tags/documentation/index.html"
   },
   {
-    "content": "The expand shortcode displays an expandable/collapsible section of text.\nExpand me… Thank you!\nThat’s some text with a footnote1\nThat’s some more text with a footnote.2\nAnd that’s the footnote. ↩︎\nAnything of interest goes here.\nBlue light glows blue. ↩︎\nNote This only works in modern browsers flawlessly. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% expand title=\"Expand me...\" %}}Thank you!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank you!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"context\" . \"title\" \"Expand me...\" \"content\" \"Thank you!\" )}} Parameter Name Position Default Notes title 1 \"Expand me...\" Arbitrary text to appear next to the expand/collapse icon. open 2 false When true the content text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed on expand. Examples All Defaults {{% expand %}}Yes, you did it!{{% /expand %}} Expand me… Yes, you did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need to press you!{{% /expand %}} Expand me… No need to press you! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /expand %}} Show me almost endless possibilities You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\n",
+    "content": "The expand shortcode displays an expandable/collapsible section of text.\nExpand me… Thank you!\nThat’s some text with a footnote1\nThat’s some more text with a footnote.2\nAnd that’s the footnote. ↩︎\nAnything of interest goes here.\nBlue light glows blue. ↩︎\nNote This only works in modern browsers flawlessly. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% expand title=\"Expand me...\" %}}Thank you!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank you!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"context\" . \"title\" \"Expand me...\" \"content\" \"Thank you!\" )}} Parameter Name Position Default Notes title 1 \"Expand me...\" Arbitrary text to appear next to the expand/collapse icon. open 2 false When true the content text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed on expand. Examples All Defaults {{% expand %}}Yes, you did it!{{% /expand %}} Expand me… Yes, you did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need to press you!{{% /expand %}} Expand me… No need to press you! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /expand %}} Show me almost endless possibilities You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\n",
     "description": "Expandable/collapsible sections of text",
     "tags": null,
     "title": "Expand",
@@ -550,7 +550,7 @@ var relearn_search_index = [
     "uri": "/index.html"
   },
   {
-    "content": "The icon shortcode displays icons using the Font Awesome library.\nUsage While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% icon icon=\"exclamation-triangle\" %}} {{% icon icon=\"angle-double-up\" %}} {{% icon icon=\"skull-crossbones\" %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Position Default Notes icon 1 \u003cempty\u003e Font Awesome icon name to be displayed. It will be displayed in the text color of its according context. Finding an icon Browse through the available icons in the Font Awesome Gallery. Notice that the free filter is enabled, as only the free icons are available by default.\nOnce on the Font Awesome page for a specific icon, for example the page for the heart, copy the icon name and paste into the Markdown content.\nCustomising Icons Font Awesome provides many ways to modify the icon\nChange color (by default the icon will inherit the parent color) Increase or decrease size Rotate Combine with other icons Check the full documentation on web fonts with CSS for more.\nExamples Standard Usage Built with {{% icon heart %}} by Relearn and Hugo Built with by Relearn and Hugo\nAdvanced HTML Usage While the shortcode simplyfies using standard icons, the icon customisation and other advanced features of the Font Awesome library requires you to use HTML directly. Just paste the \u003ci\u003e HTML into markup and Font Awesome will load the relevant icon.\nBuilt with \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearn and Hugo Built with by Relearn and Hugo\n",
+    "content": "The icon shortcode displays icons using the Font Awesome library.\nUsage While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% icon icon=\"exclamation-triangle\" %}} {{% icon icon=\"angle-double-up\" %}} {{% icon icon=\"skull-crossbones\" %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Position Default Notes icon 1 \u003cempty\u003e Font Awesome icon name to be displayed. It will be displayed in the text color of its according context. Finding an icon Browse through the available icons in the Font Awesome Gallery. Notice that the free filter is enabled, as only the free icons are available by default.\nOnce on the Font Awesome page for a specific icon, for example the page for the heart, copy the icon name and paste into the Markdown content.\nCustomising Icons Font Awesome provides many ways to modify the icon\nChange color (by default the icon will inherit the parent color) Increase or decrease size Rotate Combine with other icons Check the full documentation on web fonts with CSS for more.\nExamples Standard Usage Built with {{% icon heart %}} by Relearn and Hugo Built with by Relearn and Hugo\nAdvanced HTML Usage While the shortcode simplyfies using standard icons, the icon customisation and other advanced features of the Font Awesome library requires you to use HTML directly. Just paste the \u003ci\u003e HTML into markup and Font Awesome will load the relevant icon.\nBuilt with \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearn and Hugo Built with by Relearn and Hugo\n",
     "description": "Nice icons for your page",
     "tags": null,
     "title": "Icon",
@@ -564,14 +564,14 @@ var relearn_search_index = [
     "uri": "/tests/images/index.html"
   },
   {
-    "content": "The include shortcode includes other files from your project inside of the current page.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"context\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.\nParameter Name Position Default Notes file 1 \u003cempty\u003e The path to the file to be included. Path resolution adheres to Hugo’s build-in readFile function hidefirstheading 2 false When true and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files. Examples Arbitrary Content {{% include \"shortcodes/INCLUDE_ME.md\" %}} You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎\n",
+    "content": "The include shortcode includes other files from your project inside of the current page.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"context\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.\nParameter Name Position Default Notes file 1 \u003cempty\u003e The path to the file to be included. Path resolution adheres to Hugo’s build-in readFile function hidefirstheading 2 false When true and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files. Examples Arbitrary Content {{% include \"shortcodes/INCLUDE_ME.md\" %}} You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎\n",
     "description": "Displays content from other files",
     "tags": null,
     "title": "Include",
     "uri": "/shortcodes/include/index.html"
   },
   {
-    "content": "Plain one\ntwo\ntwo\nand a half\nthree\nAttachments one\ntwo\nAttachments Attachments three\nBadge one\ntwo\nAwesome Awesome three\nButton one\ntwo\nGet Hugo Get Hugo three\nChildren one\ntwo\nthree\nExpand one\ntwo\nExpand me… Thank you! Expand me… Thank you! three\nIcon one\ntwo\nthree\nInclude one two You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nthree Math one\ntwo\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ three\nMermaid one\ntwo\ngraph LR; If --\u003e Then Then --\u003e Else graph LR; If --\u003e Then Then --\u003e Else three\nNotice one\ntwo\nThere may be pirates It is all about the boxes.\nThere may be pirates It is all about the boxes.\nthree\nSiteparam one\ntwo\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nthree\nTabs one\ntwo\npython python bash bash print(\"Hello World!\") echo \"Hello World!\" python python bash bash print(\"Hello World!\") echo \"Hello World!\" three\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎ ↩︎\n",
+    "content": "Plain one\ntwo\ntwo\nand a half\nthree\nAttachments one\ntwo\nAttachments Attachments three\nBadge one\ntwo\nAwesome Awesome three\nButton one\ntwo\nGet Hugo Get Hugo three\nChildren one\ntwo\nthree\nExpand one\ntwo\nExpand me… Thank you! Expand me… Thank you! three\nIcon one\ntwo\nthree\nInclude one two You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nthree Math one\ntwo\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ three\nMermaid one\ntwo\ngraph LR; If --\u003e Then Then --\u003e Else graph LR; If --\u003e Then Then --\u003e Else three\nNotice one\ntwo\nThere may be pirates It is all about the boxes.\nThere may be pirates It is all about the boxes.\nthree\nSiteparam one\ntwo\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nthree\nTabs one\ntwo\n​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" three\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎ ↩︎\n",
     "description": "Test shortcodes inside of list items",
     "tags": null,
     "title": "Lists",
@@ -585,14 +585,14 @@ var relearn_search_index = [
     "uri": "/dev/maintaining/index.html"
   },
   {
-    "content": "The math shortcode generates beautiful formatted math and chemical formulae using the MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Math codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\ncodefence codefence shortcode shortcode partial partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values are left, center or right. \u003ccontent\u003e \u003cempty\u003e Your formuale. Configuration MathJax is configured with default settings. You can customize MathJax’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into MathJax’s configuration object.\nSee MathJax documentation for all allowed settings.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math is generated if you use a single `$` as a delimiter around your formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math is generated if you use a single $ as a delimiter around your formulae: $\\sqrt{3}$\nBlocklevel Math with Right Alignment If you delimit your formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If you delimit your formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence You can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
+    "content": "The math shortcode generates beautiful formatted math and chemical formulae using the MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Math codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\n​ codefence codefence shortcode shortcode partial partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values are left, center or right. \u003ccontent\u003e \u003cempty\u003e Your formuale. Configuration MathJax is configured with default settings. You can customize MathJax’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into MathJax’s configuration object.\nSee MathJax documentation for all allowed settings.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math is generated if you use a single `$` as a delimiter around your formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math is generated if you use a single $ as a delimiter around your formulae: $\\sqrt{3}$\nBlocklevel Math with Right Alignment If you delimit your formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If you delimit your formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence You can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "Beautiful math and chemical formulae",
     "tags": null,
     "title": "Math",
     "uri": "/shortcodes/math/index.html"
   },
   {
-    "content": "The mermaid shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the Mermaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Note This only works in modern browsers.\nWarning Due to limitations with Mermaid, it is currently not possible to use Mermaid code fences in an initially collapsed expand shortcode. This is a know issue and can’t be fixed by this theme.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\ncodefence codefence shortcode shortcode partial partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"context\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.\nParameter Name Default Notes align center Allowed values are left, center or right. zoom see notes Whether the graph is pan- and zoomable.\nIf not set the value is determined by the mermaidZoom setting of the site or the pages frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan and zoom active \u003ccontent\u003e \u003cempty\u003e Your Mermaid graph. Configuration Mermaid is configured with default settings. You can customize Mermaid’s default settings for all of your files thru a JSON object in your config.toml, override these settings per page thru your pages frontmatter or override these setting per diagramm thru diagram directives.\nThe JSON object of your config.toml / frontmatter is forwarded into Mermaid’s mermaid.initialize() function.\nSee Mermaid documentation for all allowed settings.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml, frontmatter or diagram directives.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Mermaid codefences guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++ Examples Flowchart with Non-Default Mermaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram with Configuration Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! Class Diagram with Codefence Syntax ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned to the Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model {{\u003c mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid Timeline {{\u003c mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter ",
+    "content": "The mermaid shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the Mermaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Note This only works in modern browsers.\nWarning Due to limitations with Mermaid, it is currently not possible to use Mermaid code fences in an initially collapsed expand shortcode. This is a know issue and can’t be fixed by this theme.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\n​ codefence codefence shortcode shortcode partial partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"context\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.\nParameter Name Default Notes align center Allowed values are left, center or right. zoom see notes Whether the graph is pan- and zoomable.\nIf not set the value is determined by the mermaidZoom setting of the site or the pages frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan and zoom active \u003ccontent\u003e \u003cempty\u003e Your Mermaid graph. Configuration Mermaid is configured with default settings. You can customize Mermaid’s default settings for all of your files thru a JSON object in your config.toml, override these settings per page thru your pages frontmatter or override these setting per diagramm thru diagram directives.\nThe JSON object of your config.toml / frontmatter is forwarded into Mermaid’s mermaid.initialize() function.\nSee Mermaid documentation for all allowed settings.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml, frontmatter or diagram directives.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Mermaid codefences guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++ Examples Flowchart with Non-Default Mermaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram with Configuration Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! Class Diagram with Codefence Syntax ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned to the Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model {{\u003c mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid Timeline {{\u003c mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter ",
     "description": "Generate diagrams and flowcharts from text",
     "tags": null,
     "title": "Mermaid",
@@ -606,14 +606,14 @@ var relearn_search_index = [
     "uri": "/tags/non-hidden/index.html"
   },
   {
-    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It is all about the boxes.\" )}} Parameter Name Position Default Notes style 1 default The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title 2 see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in box. Examples By Severity Info with markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\nNote {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Note A notice disclaimer\nTip {{% notice style=\"tip\" %}} A **tip** disclaimer Tip A tip disclaimer\nWarning {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning A warning disclaimer\nWarning with Non-Default Title and Icon {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here are dragons A warning disclaimer\nWarning without a Title and Icon {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary with Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary with Icon only {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title and Icon {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen with Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey with Icon only {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange with Title and Icon {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title and Icon {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default with Positional Parameter {{% notice default \"Pay Attention to this Note!\" \"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nTransparent with Title and Icon {{% notice style=\"transparent\" title=\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nWith User-Defined Color, Font Awesome Brand Icon and Markdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" icon=\"fab fa-hackerrank\" %}} Victor? Is it you? {{% /notice %}} Hugo Victor? Is it you?\n",
+    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It is all about the boxes.\" )}} Parameter Name Position Default Notes style 1 default The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title 2 see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in box. Examples By Severity Info with markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\nNote {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Note A notice disclaimer\nTip {{% notice style=\"tip\" %}} A **tip** disclaimer Tip A tip disclaimer\nWarning {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning A warning disclaimer\nWarning with Non-Default Title and Icon {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here are dragons A warning disclaimer\nWarning without a Title and Icon {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary with Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary with Icon only {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title and Icon {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen with Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey with Icon only {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange with Title and Icon {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title and Icon {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default with Positional Parameter {{% notice default \"Pay Attention to this Note!\" \"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nTransparent with Title and Icon {{% notice style=\"transparent\" title=\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nWith User-Defined Color, Font Awesome Brand Icon and Markdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" icon=\"fab fa-hackerrank\" %}} Victor? Is it you? {{% /notice %}} Hugo Victor? Is it you?\n",
     "description": "Disclaimers to help you structure your page",
     "tags": null,
     "title": "Notice",
     "uri": "/shortcodes/notice/index.html"
   },
   {
-    "content": "The openapi shortcode uses the Swagger UI library to display your OpenAPI / Swagger specifications.\nNote This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode partial partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"context\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e The URL to the OpenAPI specification file. This can be relative to the URL of your page if it is a leaf or branch bundle. Note If you want to print out (or generate a PDF) from your OpenAPI documentation, don’t initiate printing directly from the page because the elements are optimized for interactive usage in a browser.\nInstead, open the print preview in your browser and initiate printing from that page. This page is optimized for reading and expands most of the available sections.\nExample Using Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
+    "content": "The openapi shortcode uses the Swagger UI library to display your OpenAPI / Swagger specifications.\nNote This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"context\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e The URL to the OpenAPI specification file. This can be relative to the URL of your page if it is a leaf or branch bundle. Note If you want to print out (or generate a PDF) from your OpenAPI documentation, don’t initiate printing directly from the page because the elements are optimized for interactive usage in a browser.\nInstead, open the print preview in your browser and initiate printing from that page. This page is optimized for reading and expands most of the available sections.\nExample Using Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
     "description": "UI for your OpenAPI / Swagger specifications",
     "tags": null,
     "title": "OpenAPI",
@@ -727,28 +727,28 @@ var relearn_search_index = [
     "uri": "/dev/screenshots/index.html"
   },
   {
-    "content": "The siteparam shortcode prints values of site params.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"context\" . \"name\" \"editURL\" )}} Parameter Name Position Default Notes name 1 \u003cempty\u003e The name of the site param to be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
+    "content": "The siteparam shortcode prints values of site params.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"context\" . \"name\" \"editURL\" )}} Parameter Name Position Default Notes name 1 \u003cempty\u003e The name of the site param to be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
     "description": "Get value of site params",
     "tags": null,
     "title": "Site param",
     "uri": "/shortcodes/siteparam/index.html"
   },
   {
-    "content": "You can use a tab shortcode to display a single tab.\nThis is especially useful if you want to flag your code example with an explicit language.\nIf you want multiple tabs grouped together you can wrap your tabs into the tabs shortcode.\nc c printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode shortcode partial partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"context\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderString) )}} Parameter Name Default Notes style see notes The style scheme used for the tab. If you don’t set a style and you display a single code block inside of the tab, its default styling will adapt to that of a code block. Otherwise default is used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary title for the tab. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in the tab. Examples Single Code Block with Collapsed Margins Code Code printf(\"Hello World!\"); Mixed Markdown Content Mixed Mixed A tab can not only contain code but arbitrary text. In this case text and code will get a margin.\nprintf(\"Hello World!\"); Understanding style and color Behavior The style parameter affects how the color parameter is applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} The `style` parameter is set to a color style. This will set the background to a lighter version of the chosen style color as configured in your theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only the `color` parameter is set. This will set the background to a lighter version of the chosen CSS color value. {{% /tab %}} {{% tab title=\"default style and color\" style=\"default\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. The `default` style will set the background to your `--MAIN-BG-color` as configured for your theme variant resembling the default style but with different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} The `style` parameter is set to a severity style. This will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon. {{% /tab %}} {{% tab title=\"severity style and color\" style=\"info\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. This will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon. {{% /tab %}} {{\u003c /tabs \u003e}} just colored style just colored style just color just color default style and color default style and color just severity style just severity style severity style and color severity style and color The style parameter is set to a color style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant.\nOnly the color parameter is set.\nThis will set the background to a lighter version of the chosen CSS color value.\nThe style parameter affects how the color parameter is applied.\nThe default style will set the background to your --MAIN-BG-color as configured for your theme variant resembling the default style but with different color.\nThe style parameter is set to a severity style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon.\nThe style parameter affects how the color parameter is applied.\nThis will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon.\n",
+    "content": "You can use a tab shortcode to display a single tab.\nThis is especially useful if you want to flag your code example with an explicit language.\nIf you want multiple tabs grouped together you can wrap your tabs into the tabs shortcode.\n​ c c printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"context\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderString) )}} Parameter Name Default Notes style see notes The style scheme used for the tab. If you don’t set a style and you display a single code block inside of the tab, its default styling will adapt to that of a code block. Otherwise default is used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary title for the tab. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in the tab. Examples Single Code Block with Collapsed Margins ​ Code Code printf(\"Hello World!\"); Mixed Markdown Content ​ Mixed Mixed A tab can not only contain code but arbitrary text. In this case text and code will get a margin.\nprintf(\"Hello World!\"); Understanding style and color Behavior The style parameter affects how the color parameter is applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} The `style` parameter is set to a color style. This will set the background to a lighter version of the chosen style color as configured in your theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only the `color` parameter is set. This will set the background to a lighter version of the chosen CSS color value. {{% /tab %}} {{% tab title=\"default style and color\" style=\"default\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. The `default` style will set the background to your `--MAIN-BG-color` as configured for your theme variant resembling the default style but with different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} The `style` parameter is set to a severity style. This will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon. {{% /tab %}} {{% tab title=\"severity style and color\" style=\"info\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. This will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon. {{% /tab %}} {{\u003c /tabs \u003e}} ​ just colored style just colored style just color just color default style and color default style and color just severity style just severity style severity style and color severity style and color The style parameter is set to a color style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant.\nOnly the color parameter is set.\nThis will set the background to a lighter version of the chosen CSS color value.\nThe style parameter affects how the color parameter is applied.\nThe default style will set the background to your --MAIN-BG-color as configured for your theme variant resembling the default style but with different color.\nThe style parameter is set to a severity style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon.\nThe style parameter affects how the color parameter is applied.\nThis will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon.\n",
     "description": "Show content in a single tab",
     "tags": null,
     "title": "Tab",
     "uri": "/shortcodes/tab/index.html"
   },
   {
-    "content": "Lines and Paragraphs i HTML Paragraph I\nHTML Paragraph II\ni HTML Line I\nHTML Line II i HTML Line I\nHTML Line II i Markdown Multicell I Markdown Multicell II Headings i HTML h1 i HTML h2 i HTML h3 i HTML h4 i HTML h5 i HTML h6 Lists i HTML List Item IHTML List Item II Code i Markdown Inline i HTML Inline i HTML Block Links \u0026 Images i Markdown Link i https://example.com i Other i HTML Blockquote i HTML Blockquote with nested Paragraph\ni Shortcodes i Important i Get Hugo i Expand me… Thank you! i i You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work) |\ni $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ i $\\sqrt{3}$ i graph LR; If --\u003e Then Then --\u003e Else i https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/ i python python bash bash print(\"Hello World!\") echo \"Hello World!\" Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎\n",
+    "content": "Lines and Paragraphs i HTML Paragraph I\nHTML Paragraph II\ni HTML Line I\nHTML Line II i HTML Line I\nHTML Line II i Markdown Multicell I Markdown Multicell II Headings i HTML h1 i HTML h2 i HTML h3 i HTML h4 i HTML h5 i HTML h6 Lists i HTML List Item IHTML List Item II Code i Markdown Inline i HTML Inline i HTML Block Links \u0026 Images i Markdown Link i https://example.com i Other i HTML Blockquote i HTML Blockquote with nested Paragraph\ni Shortcodes i Important i Get Hugo i Expand me… Thank you! i i You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work) |\ni $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ i $\\sqrt{3}$ i graph LR; If --\u003e Then Then --\u003e Else i https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/ i ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎\n",
     "description": "Testing different markdown constructs inside of tables",
     "tags": null,
     "title": "Tables",
     "uri": "/tests/tables/index.html"
   },
   {
-    "content": "The tabs shortcode displays arbitrary content in an unlimited number of tabs.\nThis comes in handy eg. for providing code snippets for multiple languages.\nIf you just want a single tab you can instead call the tab shortcode standalone.\npython python bash bash print(\"Hello World!\") echo \"Hello World!\" Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nSee the tab shortcode for a description of the parameter for nested tabs.\nshortcode shortcode partial partial {{\u003c tabs \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"context\" . \"content\" (slice (dict \"title\" \"python\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderString) ) (dict \"title\" \"bash\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderString) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name of the group the tab view belongs to.\nTab views with the same groupid sychronize their selected tab. The tab selection is restored automatically based on the groupid for tab view. If the selected tab can not be found in a tab group the first tab is selected instead.\nThis sychronization applies to the whole site! style \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. color \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. \u003ccontent\u003e \u003cempty\u003e Arbitrary number of tabs defined with the tab sub-shortcode. Examples Behavior of the groupid See what happens to the tab views while you select different tabs.\nWhile 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.\nGroup A, Tab View 1 Group A, Tab View 1 Group A, Tab View 2 Group A, Tab View 2 Group B Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 json json XML stuff XML stuff properties properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Group A, Tab View 2 json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tabs and Color In case you want to nest tabs, the parent tab that contains the subtabs needs to be declared with {{\u003c tab \u003e}} instead of {{% tab %}}. Note, that in this case it is not possible to put markdown in the parent tab.\nYou can also set various color parameter for all tabs or just selected ones. See the tab shortcode for possible values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text is possible here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python is **super** easy. - most of the time. - if you don't want to output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash is for **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"fuchsia\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Text Text Code Code Simple text is possible here... python python bash bash Python is super easy.\nmost of the time. if you don’t want to output unicode Bash is for hackers.\n...but no markdown python python bash bash print(\"Hello World!\") echo \"Hello World!\" ",
+    "content": "The tabs shortcode displays arbitrary content in an unlimited number of tabs.\nThis comes in handy eg. for providing code snippets for multiple languages.\nIf you just want a single tab you can instead call the tab shortcode standalone.\nhello. py py sh sh c c print(\"Hello World!\") echo \"Hello World!\" printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nSee the tab shortcode for a description of the parameter for nested tabs.\n​ shortcode shortcode partial partial {{\u003c tabs title=\"hello.\" \u003e}} {{% tab title=\"py\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"sh\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{% tab title=\"c\" %}} ```c printf\"Hello World!\"); ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"context\" . \"title\" \"hello.\" \"content\" (slice (dict \"title\" \"py\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderString) ) (dict \"title\" \"sh\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderString) ) (dict \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\");\\n```\" | .RenderString) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name of the group the tab view belongs to.\nTab views with the same groupid sychronize their selected tab. The tab selection is restored automatically based on the groupid for tab view. If the selected tab can not be found in a tab group the first tab is selected instead.\nThis sychronization applies to the whole site! style \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. color \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. title \u003cempty\u003e Arbitrary title written in front of the tabs. icon \u003cempty\u003e Font Awesome icon name set to the left of the title. \u003ccontent\u003e \u003cempty\u003e Arbitrary number of tabs defined with the tab sub-shortcode. Examples Behavior of the groupid See what happens to the tab views while you select different tabs.\nWhile 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.\n​ Group A, Tab View 1 Group A, Tab View 1 Group A, Tab View 2 Group A, Tab View 2 Group B Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 ​ json json XML stuff XML stuff properties properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Group A, Tab View 2 ​ json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B ​ json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tabs and Color In case you want to nest tabs, the parent tab that contains the subtabs needs to be declared with {{\u003c tab \u003e}} instead of {{% tab %}}. Note, that in this case it is not possible to put markdown in the parent tab.\nYou can also set various color parameter for all tabs or just selected ones. See the tab shortcode for possible values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" title=\"Rationale\" icon=\"thumbtack\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text is possible here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python is **super** easy. - most of the time. - if you don't want to output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash is for **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"darkorchid\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Rationale Text Text Code Code Simple text is possible here... ​ python python bash bash Python is super easy.\nmost of the time. if you don’t want to output unicode Bash is for hackers.\n...but no markdown ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" ",
     "description": "Show content in tabbed views",
     "tags": null,
     "title": "Tabs",
@@ -790,7 +790,7 @@ var relearn_search_index = [
     "uri": "/tags/tutorial/index.html"
   },
   {
-    "content": "Empty Properties Attachments Expand me… aa\n​ ​ ​ ​ ",
+    "content": "Empty Properties Attachments Expand me… aa\n​ ​ ​ ​ ​ ",
     "description": "Test default settings for snippets of the VSCode Front Matter extension",
     "tags": null,
     "title": "VSCode Front Matter",
diff --git a/more/credits/index.html b/more/credits/index.html
index 711addca31..81adc95c2a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -238,12 +238,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -362,12 +362,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 941d2fb127..ce73b7eb7d 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -134,8 +134,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index b6a4ac57a3..61d599c10f 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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 350f20fa63..64aaff8522 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -234,10 +234,10 @@
 </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-703dbdcee76adea55862853d74374d45" class="lightbox-link">
+<a href="#image-25f89f0bc7872179d3d4f4c3efc22d90" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-703dbdcee76adea55862853d74374d45">
+<a href="javascript:history.back();" class="lightbox" id="image-25f89f0bc7872179d3d4f4c3efc22d90">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -289,10 +289,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-5d9a070154b2f39aeb49842e6a1309c8" class="lightbox-link">
+<a href="#image-3a77113cd74c1a2be21b431f318a9ef4" class="lightbox-link">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d9a070154b2f39aeb49842e6a1309c8">
+<a href="javascript:history.back();" class="lightbox" id="image-3a77113cd74c1a2be21b431f318a9ef4">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -382,12 +382,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -506,12 +506,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index aaab8c2a74..232884345a 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -190,10 +190,10 @@
 </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-703dbdcee76adea55862853d74374d45" class="lightbox-link">
+<a href="#image-25f89f0bc7872179d3d4f4c3efc22d90" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-703dbdcee76adea55862853d74374d45">
+<a href="javascript:history.back();" class="lightbox" id="image-25f89f0bc7872179d3d4f4c3efc22d90">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -245,10 +245,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-5d9a070154b2f39aeb49842e6a1309c8" class="lightbox-link">
+<a href="#image-3a77113cd74c1a2be21b431f318a9ef4" class="lightbox-link">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d9a070154b2f39aeb49842e6a1309c8">
+<a href="javascript:history.back();" class="lightbox" id="image-3a77113cd74c1a2be21b431f318a9ef4">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -261,8 +261,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index c606c19e67..d9e479ca6f 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -295,12 +295,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?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -419,12 +419,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index e09ef97a6b..f28d4dcc74 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -183,8 +183,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?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index d83703a49a..f48eeb5882 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,13 +95,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-f94ca60ca6c67ef24aa64913bc704c2d" aria-controls="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" >
-    <label class="expand-label" for="expand-f94ca60ca6c67ef24aa64913bc704c2d" >
+    <input type="checkbox" id="expand-e08501704d634dc3c84fe0e625200d4a" aria-controls="expandcontent-e08501704d634dc3c84fe0e625200d4a" >
+    <label class="expand-label" for="expand-e08501704d634dc3c84fe0e625200d4a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" class="expand-content">
+    <div id="expandcontent-e08501704d634dc3c84fe0e625200d4a" 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>
@@ -233,12 +233,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -357,12 +357,12 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 0fac958b60..fa859b5105 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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-f94ca60ca6c67ef24aa64913bc704c2d" aria-controls="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" >
-    <label class="expand-label" for="expand-f94ca60ca6c67ef24aa64913bc704c2d" >
+    <input type="checkbox" id="expand-e08501704d634dc3c84fe0e625200d4a" aria-controls="expandcontent-e08501704d634dc3c84fe0e625200d4a" >
+    <label class="expand-label" for="expand-e08501704d634dc3c84fe0e625200d4a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" class="expand-content">
+    <div id="expandcontent-e08501704d634dc3c84fe0e625200d4a" 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,8 +141,8 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 157999ff37..360b25c8c5 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -1911,12 +1911,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2035,12 +2035,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index aa451babc4..487e9e2000 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -1191,8 +1191,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 8d61bcfd97..e15b8b8935 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../js/search.js?1686068161" defer></script>
+        <script src="../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068161"></script>
+          <script async src="../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../js/theme.js?1686068161" defer></script>
+    <script src="../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 2630c74790..a13ab2450c 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../js/url.js?1686068163"></script>
-    <script src="../../js/variant.js?1686068163"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../js/url.js?1686074111"></script>
+    <script src="../../js/variant.js?1686074111"></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 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' style, color an' ay'con parameter similar t' other shorrrtcodes.</p>
-<p>If ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.</p>
+<p>Th' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
 <p>Additionally th' <code>name</code> parameter was renamed t' <code>title</code> but ye don&rsquo;t need t' change anyth'n yet as th' old name will be used as a fallback but ye will get deprecat'n warnings while execut'n Hugo.</p>
 </li>
 <li>
@@ -783,10 +783,10 @@
 <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-726414838ecd4f0f39643ed50dbab724" class="lightbox-link">
+<a href="#image-055de03c2096d03e5204cd4754e7700a" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-726414838ecd4f0f39643ed50dbab724">
+<a href="javascript:history.back();" class="lightbox" id="image-055de03c2096d03e5204cd4754e7700a">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -838,10 +838,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9dd725fbf43bf0d50ce86826c23b068c" class="lightbox-link">
+<a href="#image-a2ee720887cf47f175c4bbfb95c32ddf" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd725fbf43bf0d50ce86826c23b068c">
+<a href="javascript:history.back();" class="lightbox" id="image-a2ee720887cf47f175c4bbfb95c32ddf">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -1001,10 +1001,10 @@
 </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-703dbdcee76adea55862853d74374d45" class="lightbox-link">
+<a href="#image-25f89f0bc7872179d3d4f4c3efc22d90" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-703dbdcee76adea55862853d74374d45">
+<a href="javascript:history.back();" class="lightbox" id="image-25f89f0bc7872179d3d4f4c3efc22d90">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1056,10 +1056,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-5d9a070154b2f39aeb49842e6a1309c8" class="lightbox-link">
+<a href="#image-3a77113cd74c1a2be21b431f318a9ef4" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d9a070154b2f39aeb49842e6a1309c8">
+<a href="javascript:history.back();" class="lightbox" id="image-3a77113cd74c1a2be21b431f318a9ef4">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1187,13 +1187,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-f94ca60ca6c67ef24aa64913bc704c2d" aria-controls="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" >
-    <label class="expand-label" for="expand-f94ca60ca6c67ef24aa64913bc704c2d" >
+    <input type="checkbox" id="expand-e08501704d634dc3c84fe0e625200d4a" aria-controls="expandcontent-e08501704d634dc3c84fe0e625200d4a" >
+    <label class="expand-label" for="expand-e08501704d634dc3c84fe0e625200d4a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" class="expand-content">
+    <div id="expandcontent-e08501704d634dc3c84fe0e625200d4a" 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>
@@ -2366,8 +2366,8 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index bf4d227402..72bd65f0e3 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -146,10 +146,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9dd725fbf43bf0d50ce86826c23b068c" class="lightbox-link">
+<a href="#image-a2ee720887cf47f175c4bbfb95c32ddf" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd725fbf43bf0d50ce86826c23b068c">
+<a href="javascript:history.back();" class="lightbox" id="image-a2ee720887cf47f175c4bbfb95c32ddf">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -270,12 +270,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -394,12 +394,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index c895ced884..34ca106db3 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -111,10 +111,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9dd725fbf43bf0d50ce86826c23b068c" class="lightbox-link">
+<a href="#image-a2ee720887cf47f175c4bbfb95c32ddf" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd725fbf43bf0d50ce86826c23b068c">
+<a href="javascript:history.back();" class="lightbox" id="image-a2ee720887cf47f175c4bbfb95c32ddf">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -158,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index a066ac3fa7..74f4817a15 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -156,8 +156,8 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' style, color an' ay'con parameter similar t' other shorrrtcodes.</p>
-<p>If ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.</p>
+<p>Th' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
 <p>Additionally th' <code>name</code> parameter was renamed t' <code>title</code> but ye don&rsquo;t need t' change anyth'n yet as th' old name will be used as a fallback but ye will get deprecat'n warnings while execut'n Hugo.</p>
 </li>
 <li>
@@ -900,12 +900,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1024,12 +1024,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index e55b9a17f3..633d20abcc 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' style, color an' ay'con parameter similar t' other shorrrtcodes.</p>
-<p>If ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.</p>
+<p>Th' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
 <p>Additionally th' <code>name</code> parameter was renamed t' <code>title</code> but ye don&rsquo;t need t' change anyth'n yet as th' old name will be used as a fallback but ye will get deprecat'n warnings while execut'n Hugo.</p>
 </li>
 <li>
@@ -761,8 +761,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 98b6608b27..cb6cdc028b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,10 +95,10 @@
 <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-726414838ecd4f0f39643ed50dbab724" class="lightbox-link">
+<a href="#image-055de03c2096d03e5204cd4754e7700a" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-726414838ecd4f0f39643ed50dbab724">
+<a href="javascript:history.back();" class="lightbox" id="image-055de03c2096d03e5204cd4754e7700a">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -314,12 +314,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 1d72e2ef10..5dbcbb1d71 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,10 +80,10 @@
 <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-726414838ecd4f0f39643ed50dbab724" class="lightbox-link">
+<a href="#image-055de03c2096d03e5204cd4754e7700a" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-726414838ecd4f0f39643ed50dbab724">
+<a href="javascript:history.back();" class="lightbox" id="image-055de03c2096d03e5204cd4754e7700a">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index e69fe463ec..d14cc0bc2a 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index 88ab365bc6..b93bdfb281 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 2590bcbf30..0d925da082 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 387414e603..255a26a406 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../js/search.js?1686068163" defer></script>
+        <script src="../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068163"></script>
+          <script async src="../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 9717d5202c..71b3218639 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index d730051a89..4680e6ec46 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -291,12 +291,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 5d728df991..c2f819e26b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -121,10 +121,10 @@
 <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-8455f3d5eaedf3c6b68fc7c57f12046b" class="lightbox-link">
+<a href="#image-1cec69c0d3651bc1fb8f54729482e41c" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8455f3d5eaedf3c6b68fc7c57f12046b">
+<a href="javascript:history.back();" class="lightbox" id="image-1cec69c0d3651bc1fb8f54729482e41c">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -140,10 +140,10 @@
 <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-58c5989e729c4531c25c2e63a3a2e4c1" class="lightbox-link">
+<a href="#image-cbc6e63844a8a982a726c173a01c0881" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-58c5989e729c4531c25c2e63a3a2e4c1">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc6e63844a8a982a726c173a01c0881">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -161,10 +161,10 @@
 <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-8bb944c937a6b5d6c8fa60e7b1d750c6" class="lightbox-link">
+<a href="#image-e14c2121a359d28087c7abad27ef9059" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8bb944c937a6b5d6c8fa60e7b1d750c6">
+<a href="javascript:history.back();" class="lightbox" id="image-e14c2121a359d28087c7abad27ef9059">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -301,12 +301,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -425,12 +425,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 5ea1cdbbb9..4dec6617d4 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,10 +84,10 @@
 <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-8455f3d5eaedf3c6b68fc7c57f12046b" class="lightbox-link">
+<a href="#image-1cec69c0d3651bc1fb8f54729482e41c" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8455f3d5eaedf3c6b68fc7c57f12046b">
+<a href="javascript:history.back();" class="lightbox" id="image-1cec69c0d3651bc1fb8f54729482e41c">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -103,10 +103,10 @@
 <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-58c5989e729c4531c25c2e63a3a2e4c1" class="lightbox-link">
+<a href="#image-cbc6e63844a8a982a726c173a01c0881" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-58c5989e729c4531c25c2e63a3a2e4c1">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc6e63844a8a982a726c173a01c0881">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -124,10 +124,10 @@
 <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-8bb944c937a6b5d6c8fa60e7b1d750c6" class="lightbox-link">
+<a href="#image-e14c2121a359d28087c7abad27ef9059" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8bb944c937a6b5d6c8fa60e7b1d750c6">
+<a href="javascript:history.back();" class="lightbox" id="image-e14c2121a359d28087c7abad27ef9059">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -187,8 +187,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index db5d642040..ad7f6eca77 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -118,10 +118,10 @@
 </ul>
 <p>
 		
-<a href="#image-2ffa3626b9be8f0cab7748f38c9dcb3b" class="lightbox-link">
+<a href="#image-cde80e829c9bc09559d9166670adb047" class="lightbox-link">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2ffa3626b9be8f0cab7748f38c9dcb3b">
+<a href="javascript:history.back();" class="lightbox" id="image-cde80e829c9bc09559d9166670adb047">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -304,12 +304,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?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -428,12 +428,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index d4bd956335..b4a3262a75 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -86,10 +86,10 @@
 </ul>
 <p>
 		
-<a href="#image-2ffa3626b9be8f0cab7748f38c9dcb3b" class="lightbox-link">
+<a href="#image-cde80e829c9bc09559d9166670adb047" class="lightbox-link">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2ffa3626b9be8f0cab7748f38c9dcb3b">
+<a href="javascript:history.back();" class="lightbox" id="image-cde80e829c9bc09559d9166670adb047">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -195,8 +195,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 4f0087cbec..972567a05d 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../js/search.js?1686068162" defer></script>
+        <script src="../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068162"></script>
+          <script async src="../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../js/theme.js?1686068162" defer></script>
+    <script src="../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 51f32f0a31..101fe9f95e 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../js/url.js?1686068163"></script>
-    <script src="../../js/variant.js?1686068163"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../js/url.js?1686074111"></script>
+    <script src="../../js/variant.js?1686074111"></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,10 +168,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-ff9386f05e7f12e532d77f0bb3913312" class="lightbox-link">
+<a href="#image-e6b99b435febcd628fac4158ba48b3d7" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff9386f05e7f12e532d77f0bb3913312">
+<a href="javascript:history.back();" class="lightbox" id="image-e6b99b435febcd628fac4158ba48b3d7">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -222,10 +222,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <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-8455f3d5eaedf3c6b68fc7c57f12046b" class="lightbox-link">
+<a href="#image-1cec69c0d3651bc1fb8f54729482e41c" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8455f3d5eaedf3c6b68fc7c57f12046b">
+<a href="javascript:history.back();" class="lightbox" id="image-1cec69c0d3651bc1fb8f54729482e41c">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -241,10 +241,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <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-58c5989e729c4531c25c2e63a3a2e4c1" class="lightbox-link">
+<a href="#image-cbc6e63844a8a982a726c173a01c0881" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-58c5989e729c4531c25c2e63a3a2e4c1">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc6e63844a8a982a726c173a01c0881">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -262,10 +262,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <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-8bb944c937a6b5d6c8fa60e7b1d750c6" class="lightbox-link">
+<a href="#image-e14c2121a359d28087c7abad27ef9059" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8bb944c937a6b5d6c8fa60e7b1d750c6">
+<a href="javascript:history.back();" class="lightbox" id="image-e14c2121a359d28087c7abad27ef9059">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -871,10 +871,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b3130e71730fd51bda5698675772a416" class="lightbox-link">
+<a href="#image-3c148fa4feeb8b34b0eb4b93551cdbc1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3130e71730fd51bda5698675772a416">
+<a href="javascript:history.back();" class="lightbox" id="image-3c148fa4feeb8b34b0eb4b93551cdbc1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -889,10 +889,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-d487fbf4043287e976a24aa95f7d195c" class="lightbox-link">
+<a href="#image-03d82b5306262b3446c4a7397570d088" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d487fbf4043287e976a24aa95f7d195c">
+<a href="javascript:history.back();" class="lightbox" id="image-03d82b5306262b3446c4a7397570d088">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -909,10 +909,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1deacda87460eba9acab66657585275b" class="lightbox-link">
+<a href="#image-a3ed4404ce05c915aa474e17789a81b5" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1deacda87460eba9acab66657585275b">
+<a href="javascript:history.back();" class="lightbox" id="image-a3ed4404ce05c915aa474e17789a81b5">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -929,10 +929,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a862a7bf33ac4c652afc6fbb8e0e2d1" class="lightbox-link">
+<a href="#image-a48b25143e3e7e203970885c4bf98a08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a862a7bf33ac4c652afc6fbb8e0e2d1">
+<a href="javascript:history.back();" class="lightbox" id="image-a48b25143e3e7e203970885c4bf98a08">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -945,10 +945,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-16942cd2c792d584807dc90bc99235ef" class="lightbox-link">
+<a href="#image-2544b34f1c6fcade57fdb32885d64622" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-16942cd2c792d584807dc90bc99235ef">
+<a href="javascript:history.back();" class="lightbox" id="image-2544b34f1c6fcade57fdb32885d64622">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -962,10 +962,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-9bd7ac6bc1518635b4b911cd40308694" class="lightbox-link">
+<a href="#image-a14ce6b2505568177c644c2bf5084041" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9bd7ac6bc1518635b4b911cd40308694">
+<a href="javascript:history.back();" class="lightbox" id="image-a14ce6b2505568177c644c2bf5084041">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -981,10 +981,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6f79048ef4694fff716b7b8ce2a106cb" class="lightbox-link">
+<a href="#image-86f117b80473edcea5fb9d30a91deb3c" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f79048ef4694fff716b7b8ce2a106cb">
+<a href="javascript:history.back();" class="lightbox" id="image-86f117b80473edcea5fb9d30a91deb3c">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -998,10 +998,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-c6067da78100ad9b84ad8bc62f71f0ef" class="lightbox-link">
+<a href="#image-5c0ae23b1cd43a65d2190ac7a6ce2833" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c6067da78100ad9b84ad8bc62f71f0ef">
+<a href="javascript:history.back();" class="lightbox" id="image-5c0ae23b1cd43a65d2190ac7a6ce2833">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1015,10 +1015,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4359121f5f01a14bde9deec539084354" class="lightbox-link">
+<a href="#image-115ccaef82493ca666d21477e9ca051a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4359121f5f01a14bde9deec539084354">
+<a href="javascript:history.back();" class="lightbox" id="image-115ccaef82493ca666d21477e9ca051a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1032,10 +1032,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e90f0a6a1755ca07b12ade0efbcad9b8" class="lightbox-link">
+<a href="#image-b1d6eb0c25e2f6a95a5e4f77aea75ebb" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e90f0a6a1755ca07b12ade0efbcad9b8">
+<a href="javascript:history.back();" class="lightbox" id="image-b1d6eb0c25e2f6a95a5e4f77aea75ebb">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1052,34 +1052,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1ce8ac656240b8963c0ed9207edac686" class="lightbox-link">
+<a href="#image-97d9abb7c6895f4a36ca2940a483656d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1ce8ac656240b8963c0ed9207edac686">
+<a href="javascript:history.back();" class="lightbox" id="image-97d9abb7c6895f4a36ca2940a483656d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8ab4d5a5ce721c07bec2422a7053727f" class="lightbox-link">
+<a href="#image-76622359469ec2a94752f5d1ed448747" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8ab4d5a5ce721c07bec2422a7053727f">
+<a href="javascript:history.back();" class="lightbox" id="image-76622359469ec2a94752f5d1ed448747">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-084d7c91fe94b19de066af4294635ab9" class="lightbox-link">
+<a href="#image-cc65db5cde8393c63ca65035e1968c2e" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-084d7c91fe94b19de066af4294635ab9">
+<a href="javascript:history.back();" class="lightbox" id="image-cc65db5cde8393c63ca65035e1968c2e">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-4031b6c1c3e04927e9f6173022125ef6" class="lightbox-link">
+<a href="#image-6e2542d564f0cf7260219354eca947d3" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4031b6c1c3e04927e9f6173022125ef6">
+<a href="javascript:history.back();" class="lightbox" id="image-6e2542d564f0cf7260219354eca947d3">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1093,10 +1093,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-5bcf7d1643eb14fb6f89a77124a5bbbd" class="lightbox-link">
+<a href="#image-0b7cac287e67f2461b4d3613cb3fe037" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5bcf7d1643eb14fb6f89a77124a5bbbd">
+<a href="javascript:history.back();" class="lightbox" id="image-0b7cac287e67f2461b4d3613cb3fe037">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1333,10 +1333,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-2ffa3626b9be8f0cab7748f38c9dcb3b" class="lightbox-link">
+<a href="#image-cde80e829c9bc09559d9166670adb047" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2ffa3626b9be8f0cab7748f38c9dcb3b">
+<a href="javascript:history.back();" class="lightbox" id="image-cde80e829c9bc09559d9166670adb047">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -1483,8 +1483,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index eb48fac17a..2bb45ad83c 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -693,10 +693,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b3130e71730fd51bda5698675772a416" class="lightbox-link">
+<a href="#image-3c148fa4feeb8b34b0eb4b93551cdbc1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3130e71730fd51bda5698675772a416">
+<a href="javascript:history.back();" class="lightbox" id="image-3c148fa4feeb8b34b0eb4b93551cdbc1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -711,10 +711,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-d487fbf4043287e976a24aa95f7d195c" class="lightbox-link">
+<a href="#image-03d82b5306262b3446c4a7397570d088" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d487fbf4043287e976a24aa95f7d195c">
+<a href="javascript:history.back();" class="lightbox" id="image-03d82b5306262b3446c4a7397570d088">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -731,10 +731,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1deacda87460eba9acab66657585275b" class="lightbox-link">
+<a href="#image-a3ed4404ce05c915aa474e17789a81b5" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1deacda87460eba9acab66657585275b">
+<a href="javascript:history.back();" class="lightbox" id="image-a3ed4404ce05c915aa474e17789a81b5">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -751,10 +751,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a862a7bf33ac4c652afc6fbb8e0e2d1" class="lightbox-link">
+<a href="#image-a48b25143e3e7e203970885c4bf98a08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a862a7bf33ac4c652afc6fbb8e0e2d1">
+<a href="javascript:history.back();" class="lightbox" id="image-a48b25143e3e7e203970885c4bf98a08">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -767,10 +767,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-16942cd2c792d584807dc90bc99235ef" class="lightbox-link">
+<a href="#image-2544b34f1c6fcade57fdb32885d64622" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-16942cd2c792d584807dc90bc99235ef">
+<a href="javascript:history.back();" class="lightbox" id="image-2544b34f1c6fcade57fdb32885d64622">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -784,10 +784,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-9bd7ac6bc1518635b4b911cd40308694" class="lightbox-link">
+<a href="#image-a14ce6b2505568177c644c2bf5084041" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9bd7ac6bc1518635b4b911cd40308694">
+<a href="javascript:history.back();" class="lightbox" id="image-a14ce6b2505568177c644c2bf5084041">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -803,10 +803,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6f79048ef4694fff716b7b8ce2a106cb" class="lightbox-link">
+<a href="#image-86f117b80473edcea5fb9d30a91deb3c" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f79048ef4694fff716b7b8ce2a106cb">
+<a href="javascript:history.back();" class="lightbox" id="image-86f117b80473edcea5fb9d30a91deb3c">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -820,10 +820,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-c6067da78100ad9b84ad8bc62f71f0ef" class="lightbox-link">
+<a href="#image-5c0ae23b1cd43a65d2190ac7a6ce2833" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c6067da78100ad9b84ad8bc62f71f0ef">
+<a href="javascript:history.back();" class="lightbox" id="image-5c0ae23b1cd43a65d2190ac7a6ce2833">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -837,10 +837,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4359121f5f01a14bde9deec539084354" class="lightbox-link">
+<a href="#image-115ccaef82493ca666d21477e9ca051a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4359121f5f01a14bde9deec539084354">
+<a href="javascript:history.back();" class="lightbox" id="image-115ccaef82493ca666d21477e9ca051a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -854,10 +854,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e90f0a6a1755ca07b12ade0efbcad9b8" class="lightbox-link">
+<a href="#image-b1d6eb0c25e2f6a95a5e4f77aea75ebb" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e90f0a6a1755ca07b12ade0efbcad9b8">
+<a href="javascript:history.back();" class="lightbox" id="image-b1d6eb0c25e2f6a95a5e4f77aea75ebb">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -874,34 +874,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1ce8ac656240b8963c0ed9207edac686" class="lightbox-link">
+<a href="#image-97d9abb7c6895f4a36ca2940a483656d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1ce8ac656240b8963c0ed9207edac686">
+<a href="javascript:history.back();" class="lightbox" id="image-97d9abb7c6895f4a36ca2940a483656d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8ab4d5a5ce721c07bec2422a7053727f" class="lightbox-link">
+<a href="#image-76622359469ec2a94752f5d1ed448747" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8ab4d5a5ce721c07bec2422a7053727f">
+<a href="javascript:history.back();" class="lightbox" id="image-76622359469ec2a94752f5d1ed448747">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-084d7c91fe94b19de066af4294635ab9" class="lightbox-link">
+<a href="#image-cc65db5cde8393c63ca65035e1968c2e" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-084d7c91fe94b19de066af4294635ab9">
+<a href="javascript:history.back();" class="lightbox" id="image-cc65db5cde8393c63ca65035e1968c2e">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-4031b6c1c3e04927e9f6173022125ef6" class="lightbox-link">
+<a href="#image-6e2542d564f0cf7260219354eca947d3" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4031b6c1c3e04927e9f6173022125ef6">
+<a href="javascript:history.back();" class="lightbox" id="image-6e2542d564f0cf7260219354eca947d3">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -915,10 +915,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-5bcf7d1643eb14fb6f89a77124a5bbbd" class="lightbox-link">
+<a href="#image-0b7cac287e67f2461b4d3613cb3fe037" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5bcf7d1643eb14fb6f89a77124a5bbbd">
+<a href="javascript:history.back();" class="lightbox" id="image-0b7cac287e67f2461b4d3613cb3fe037">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1023,12 +1023,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1147,12 +1147,12 @@ line 3 o' code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 881cab2891..54de2f3345 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -620,10 +620,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b3130e71730fd51bda5698675772a416" class="lightbox-link">
+<a href="#image-3c148fa4feeb8b34b0eb4b93551cdbc1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3130e71730fd51bda5698675772a416">
+<a href="javascript:history.back();" class="lightbox" id="image-3c148fa4feeb8b34b0eb4b93551cdbc1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -638,10 +638,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-d487fbf4043287e976a24aa95f7d195c" class="lightbox-link">
+<a href="#image-03d82b5306262b3446c4a7397570d088" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d487fbf4043287e976a24aa95f7d195c">
+<a href="javascript:history.back();" class="lightbox" id="image-03d82b5306262b3446c4a7397570d088">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -658,10 +658,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1deacda87460eba9acab66657585275b" class="lightbox-link">
+<a href="#image-a3ed4404ce05c915aa474e17789a81b5" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1deacda87460eba9acab66657585275b">
+<a href="javascript:history.back();" class="lightbox" id="image-a3ed4404ce05c915aa474e17789a81b5">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -678,10 +678,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a862a7bf33ac4c652afc6fbb8e0e2d1" class="lightbox-link">
+<a href="#image-a48b25143e3e7e203970885c4bf98a08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a862a7bf33ac4c652afc6fbb8e0e2d1">
+<a href="javascript:history.back();" class="lightbox" id="image-a48b25143e3e7e203970885c4bf98a08">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -694,10 +694,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-16942cd2c792d584807dc90bc99235ef" class="lightbox-link">
+<a href="#image-2544b34f1c6fcade57fdb32885d64622" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-16942cd2c792d584807dc90bc99235ef">
+<a href="javascript:history.back();" class="lightbox" id="image-2544b34f1c6fcade57fdb32885d64622">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -711,10 +711,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-9bd7ac6bc1518635b4b911cd40308694" class="lightbox-link">
+<a href="#image-a14ce6b2505568177c644c2bf5084041" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9bd7ac6bc1518635b4b911cd40308694">
+<a href="javascript:history.back();" class="lightbox" id="image-a14ce6b2505568177c644c2bf5084041">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -730,10 +730,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6f79048ef4694fff716b7b8ce2a106cb" class="lightbox-link">
+<a href="#image-86f117b80473edcea5fb9d30a91deb3c" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f79048ef4694fff716b7b8ce2a106cb">
+<a href="javascript:history.back();" class="lightbox" id="image-86f117b80473edcea5fb9d30a91deb3c">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -747,10 +747,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-c6067da78100ad9b84ad8bc62f71f0ef" class="lightbox-link">
+<a href="#image-5c0ae23b1cd43a65d2190ac7a6ce2833" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c6067da78100ad9b84ad8bc62f71f0ef">
+<a href="javascript:history.back();" class="lightbox" id="image-5c0ae23b1cd43a65d2190ac7a6ce2833">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -764,10 +764,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4359121f5f01a14bde9deec539084354" class="lightbox-link">
+<a href="#image-115ccaef82493ca666d21477e9ca051a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4359121f5f01a14bde9deec539084354">
+<a href="javascript:history.back();" class="lightbox" id="image-115ccaef82493ca666d21477e9ca051a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -781,10 +781,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e90f0a6a1755ca07b12ade0efbcad9b8" class="lightbox-link">
+<a href="#image-b1d6eb0c25e2f6a95a5e4f77aea75ebb" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e90f0a6a1755ca07b12ade0efbcad9b8">
+<a href="javascript:history.back();" class="lightbox" id="image-b1d6eb0c25e2f6a95a5e4f77aea75ebb">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -801,34 +801,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1ce8ac656240b8963c0ed9207edac686" class="lightbox-link">
+<a href="#image-97d9abb7c6895f4a36ca2940a483656d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1ce8ac656240b8963c0ed9207edac686">
+<a href="javascript:history.back();" class="lightbox" id="image-97d9abb7c6895f4a36ca2940a483656d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8ab4d5a5ce721c07bec2422a7053727f" class="lightbox-link">
+<a href="#image-76622359469ec2a94752f5d1ed448747" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8ab4d5a5ce721c07bec2422a7053727f">
+<a href="javascript:history.back();" class="lightbox" id="image-76622359469ec2a94752f5d1ed448747">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-084d7c91fe94b19de066af4294635ab9" class="lightbox-link">
+<a href="#image-cc65db5cde8393c63ca65035e1968c2e" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-084d7c91fe94b19de066af4294635ab9">
+<a href="javascript:history.back();" class="lightbox" id="image-cc65db5cde8393c63ca65035e1968c2e">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-4031b6c1c3e04927e9f6173022125ef6" class="lightbox-link">
+<a href="#image-6e2542d564f0cf7260219354eca947d3" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4031b6c1c3e04927e9f6173022125ef6">
+<a href="javascript:history.back();" class="lightbox" id="image-6e2542d564f0cf7260219354eca947d3">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -842,10 +842,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-5bcf7d1643eb14fb6f89a77124a5bbbd" class="lightbox-link">
+<a href="#image-0b7cac287e67f2461b4d3613cb3fe037" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5bcf7d1643eb14fb6f89a77124a5bbbd">
+<a href="javascript:history.back();" class="lightbox" id="image-0b7cac287e67f2461b4d3613cb3fe037">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -873,8 +873,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index ae8e37c4ca..7eb344790e 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -317,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?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -441,12 +441,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 10cbcadf4c..7dc6904326 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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 @@ 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?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 6f08ce1ce3..b0f161695e 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -186,10 +186,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-ff9386f05e7f12e532d77f0bb3913312" class="lightbox-link">
+<a href="#image-e6b99b435febcd628fac4158ba48b3d7" class="lightbox-link">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff9386f05e7f12e532d77f0bb3913312">
+<a href="javascript:history.back();" class="lightbox" id="image-e6b99b435febcd628fac4158ba48b3d7">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -307,12 +307,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?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -431,12 +431,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 53a53ced81..0843ee07a7 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -152,10 +152,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-ff9386f05e7f12e532d77f0bb3913312" class="lightbox-link">
+<a href="#image-e6b99b435febcd628fac4158ba48b3d7" class="lightbox-link">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff9386f05e7f12e532d77f0bb3913312">
+<a href="javascript:history.back();" class="lightbox" id="image-e6b99b435febcd628fac4158ba48b3d7">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -196,8 +196,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index a6e5f6db6c..e0f07c2ee1 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/syntaxhighlight/index.print.html" rel="alternate" type="text/html" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -236,12 +236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -360,12 +360,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.print.html b/pir/cont/syntaxhighlight/index.print.html
index 41580d9004..972a8e5eb8 100644
--- a/pir/cont/syntaxhighlight/index.print.html
+++ b/pir/cont/syntaxhighlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="canonical" type="text/html" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -132,8 +132,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 6787c6fb87..bb1ddb6d5c 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -342,12 +342,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index c4b751753d..76aa1d636f 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -114,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index bd07a5586c..65fda192f5 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -306,12 +306,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -434,12 +434,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 2f578388c7..82f422151c 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index ef2290e228..eb3bb167e1 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../js/search.js?1686068162" defer></script>
+        <script src="../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -314,12 +314,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068162"></script>
+          <script async src="../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../js/theme.js?1686068162" defer></script>
+    <script src="../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 52b82e3f6b..60c3435888 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../js/url.js?1686068163"></script>
-    <script src="../../js/variant.js?1686068163"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../js/url.js?1686074111"></script>
+    <script src="../../js/variant.js?1686074111"></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
@@ -469,10 +469,10 @@
 <p>
 		
 		
-<a href="#image-9f1900668996c2b4da271d56e88c8c37" class="lightbox-link">
+<a href="#image-40b0fdfb7c54e12a300e7138a56a41c2" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9f1900668996c2b4da271d56e88c8c37">
+<a href="javascript:history.back();" class="lightbox" id="image-40b0fdfb7c54e12a300e7138a56a41c2">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -506,20 +506,20 @@
 <p>
 		
 		
-<a href="#image-5b42b135135103b12d5d2bd354d79d91" class="lightbox-link">
+<a href="#image-84622b0dd948d058d9676360c6cc42f4" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5b42b135135103b12d5d2bd354d79d91">
+<a href="javascript:history.back();" class="lightbox" id="image-84622b0dd948d058d9676360c6cc42f4">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-e952784c7c36583726ed4b3bf0538cde" class="lightbox-link">
+<a href="#image-e19ef10aad67c81befaf2e2f6310c916" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e952784c7c36583726ed4b3bf0538cde">
+<a href="javascript:history.back();" class="lightbox" id="image-e19ef10aad67c81befaf2e2f6310c916">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -533,8 +533,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 9ed32ecf88..c4dc985d53 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -521,12 +521,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index f223ed3a51..e0abf6406d 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 98f28f3871..6f18372a30 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -146,10 +146,10 @@
 <p>
 		
 		
-<a href="#image-9f1900668996c2b4da271d56e88c8c37" class="lightbox-link">
+<a href="#image-40b0fdfb7c54e12a300e7138a56a41c2" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9f1900668996c2b4da271d56e88c8c37">
+<a href="javascript:history.back();" class="lightbox" id="image-40b0fdfb7c54e12a300e7138a56a41c2">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -183,20 +183,20 @@
 <p>
 		
 		
-<a href="#image-5b42b135135103b12d5d2bd354d79d91" class="lightbox-link">
+<a href="#image-84622b0dd948d058d9676360c6cc42f4" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5b42b135135103b12d5d2bd354d79d91">
+<a href="javascript:history.back();" class="lightbox" id="image-84622b0dd948d058d9676360c6cc42f4">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-e952784c7c36583726ed4b3bf0538cde" class="lightbox-link">
+<a href="#image-e19ef10aad67c81befaf2e2f6310c916" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e952784c7c36583726ed4b3bf0538cde">
+<a href="javascript:history.back();" class="lightbox" id="image-e19ef10aad67c81befaf2e2f6310c916">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -286,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -414,12 +414,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 27ef5abf22..f22b54fe70 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,10 +110,10 @@
 <p>
 		
 		
-<a href="#image-9f1900668996c2b4da271d56e88c8c37" class="lightbox-link">
+<a href="#image-40b0fdfb7c54e12a300e7138a56a41c2" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9f1900668996c2b4da271d56e88c8c37">
+<a href="javascript:history.back();" class="lightbox" id="image-40b0fdfb7c54e12a300e7138a56a41c2">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -147,20 +147,20 @@
 <p>
 		
 		
-<a href="#image-5b42b135135103b12d5d2bd354d79d91" class="lightbox-link">
+<a href="#image-84622b0dd948d058d9676360c6cc42f4" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5b42b135135103b12d5d2bd354d79d91">
+<a href="javascript:history.back();" class="lightbox" id="image-84622b0dd948d058d9676360c6cc42f4">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-e952784c7c36583726ed4b3bf0538cde" class="lightbox-link">
+<a href="#image-e19ef10aad67c81befaf2e2f6310c916" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e952784c7c36583726ed4b3bf0538cde">
+<a href="javascript:history.back();" class="lightbox" id="image-e19ef10aad67c81befaf2e2f6310c916">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -173,8 +173,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 496d5bad8b..97240558ee 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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
@@ -115,10 +115,10 @@
 <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-422c70fec514647564e618bc04f101e7" class="lightbox-link">
+<a href="#image-5337562844aadc0a69f9ad02da44ba99" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-422c70fec514647564e618bc04f101e7">
+<a href="javascript:history.back();" class="lightbox" id="image-5337562844aadc0a69f9ad02da44ba99">
 <img src="../images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivat'n</h2>
@@ -293,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068161" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../js/search.js?1686068161" defer></script>
+        <script src="../js/auto-complete.js?1686074109" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -417,12 +417,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068161"></script>
+          <script async src="../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../js/theme.js?1686068161" defer></script>
+    <script src="../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 106531c480..eef866cdee 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../js/url.js?1686068163"></script>
-    <script src="../js/variant.js?1686068163"></script>
+    <link href="../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../js/url.js?1686074111"></script>
+    <script src="../js/variant.js?1686074111"></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
@@ -85,10 +85,10 @@
 <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-422c70fec514647564e618bc04f101e7" class="lightbox-link">
+<a href="#image-5337562844aadc0a69f9ad02da44ba99" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-422c70fec514647564e618bc04f101e7">
+<a href="javascript:history.back();" class="lightbox" id="image-5337562844aadc0a69f9ad02da44ba99">
 <img src="../images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivat'n</h2>
@@ -225,8 +225,8 @@
 <h2 id="5160-2023-06-05">5.16.0 (2023-06-05)</h2>
 <ul>
 <li>
-<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' style, color an' ay'con parameter similar t' other shorrrtcodes.</p>
-<p>If ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a> an' th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.</p>
+<p>Th' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.</p>
 <p>Additionally th' <code>name</code> parameter was renamed t' <code>title</code> but ye don&rsquo;t need t' change anyth'n yet as th' old name will be used as a fallback but ye will get deprecat'n warnings while execut'n Hugo.</p>
 </li>
 <li>
@@ -898,10 +898,10 @@
 <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-726414838ecd4f0f39643ed50dbab724" class="lightbox-link">
+<a href="#image-055de03c2096d03e5204cd4754e7700a" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-726414838ecd4f0f39643ed50dbab724">
+<a href="javascript:history.back();" class="lightbox" id="image-055de03c2096d03e5204cd4754e7700a">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -953,10 +953,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9dd725fbf43bf0d50ce86826c23b068c" class="lightbox-link">
+<a href="#image-a2ee720887cf47f175c4bbfb95c32ddf" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9dd725fbf43bf0d50ce86826c23b068c">
+<a href="javascript:history.back();" class="lightbox" id="image-a2ee720887cf47f175c4bbfb95c32ddf">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" 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>
@@ -1116,10 +1116,10 @@
 </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-703dbdcee76adea55862853d74374d45" class="lightbox-link">
+<a href="#image-25f89f0bc7872179d3d4f4c3efc22d90" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-703dbdcee76adea55862853d74374d45">
+<a href="javascript:history.back();" class="lightbox" id="image-25f89f0bc7872179d3d4f4c3efc22d90">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1171,10 +1171,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-5d9a070154b2f39aeb49842e6a1309c8" class="lightbox-link">
+<a href="#image-3a77113cd74c1a2be21b431f318a9ef4" class="lightbox-link">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d9a070154b2f39aeb49842e6a1309c8">
+<a href="javascript:history.back();" class="lightbox" id="image-3a77113cd74c1a2be21b431f318a9ef4">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1302,13 +1302,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-f94ca60ca6c67ef24aa64913bc704c2d" aria-controls="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" >
-    <label class="expand-label" for="expand-f94ca60ca6c67ef24aa64913bc704c2d" >
+    <input type="checkbox" id="expand-e08501704d634dc3c84fe0e625200d4a" aria-controls="expandcontent-e08501704d634dc3c84fe0e625200d4a" >
+    <label class="expand-label" for="expand-e08501704d634dc3c84fe0e625200d4a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-f94ca60ca6c67ef24aa64913bc704c2d" class="expand-content">
+    <div id="expandcontent-e08501704d634dc3c84fe0e625200d4a" 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>
@@ -2576,10 +2576,10 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-ff9386f05e7f12e532d77f0bb3913312" class="lightbox-link">
+<a href="#image-e6b99b435febcd628fac4158ba48b3d7" class="lightbox-link">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff9386f05e7f12e532d77f0bb3913312">
+<a href="javascript:history.back();" class="lightbox" id="image-e6b99b435febcd628fac4158ba48b3d7">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -2630,10 +2630,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <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-8455f3d5eaedf3c6b68fc7c57f12046b" class="lightbox-link">
+<a href="#image-1cec69c0d3651bc1fb8f54729482e41c" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8455f3d5eaedf3c6b68fc7c57f12046b">
+<a href="javascript:history.back();" class="lightbox" id="image-1cec69c0d3651bc1fb8f54729482e41c">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -2649,10 +2649,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <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-58c5989e729c4531c25c2e63a3a2e4c1" class="lightbox-link">
+<a href="#image-cbc6e63844a8a982a726c173a01c0881" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-58c5989e729c4531c25c2e63a3a2e4c1">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc6e63844a8a982a726c173a01c0881">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -2670,10 +2670,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <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-8bb944c937a6b5d6c8fa60e7b1d750c6" class="lightbox-link">
+<a href="#image-e14c2121a359d28087c7abad27ef9059" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8bb944c937a6b5d6c8fa60e7b1d750c6">
+<a href="javascript:history.back();" class="lightbox" id="image-e14c2121a359d28087c7abad27ef9059">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -3279,10 +3279,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b3130e71730fd51bda5698675772a416" class="lightbox-link">
+<a href="#image-3c148fa4feeb8b34b0eb4b93551cdbc1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3130e71730fd51bda5698675772a416">
+<a href="javascript:history.back();" class="lightbox" id="image-3c148fa4feeb8b34b0eb4b93551cdbc1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3297,10 +3297,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-d487fbf4043287e976a24aa95f7d195c" class="lightbox-link">
+<a href="#image-03d82b5306262b3446c4a7397570d088" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d487fbf4043287e976a24aa95f7d195c">
+<a href="javascript:history.back();" class="lightbox" id="image-03d82b5306262b3446c4a7397570d088">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3317,10 +3317,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1deacda87460eba9acab66657585275b" class="lightbox-link">
+<a href="#image-a3ed4404ce05c915aa474e17789a81b5" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1deacda87460eba9acab66657585275b">
+<a href="javascript:history.back();" class="lightbox" id="image-a3ed4404ce05c915aa474e17789a81b5">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3337,10 +3337,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a862a7bf33ac4c652afc6fbb8e0e2d1" class="lightbox-link">
+<a href="#image-a48b25143e3e7e203970885c4bf98a08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a862a7bf33ac4c652afc6fbb8e0e2d1">
+<a href="javascript:history.back();" class="lightbox" id="image-a48b25143e3e7e203970885c4bf98a08">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3353,10 +3353,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-16942cd2c792d584807dc90bc99235ef" class="lightbox-link">
+<a href="#image-2544b34f1c6fcade57fdb32885d64622" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-16942cd2c792d584807dc90bc99235ef">
+<a href="javascript:history.back();" class="lightbox" id="image-2544b34f1c6fcade57fdb32885d64622">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3370,10 +3370,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-9bd7ac6bc1518635b4b911cd40308694" class="lightbox-link">
+<a href="#image-a14ce6b2505568177c644c2bf5084041" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9bd7ac6bc1518635b4b911cd40308694">
+<a href="javascript:history.back();" class="lightbox" id="image-a14ce6b2505568177c644c2bf5084041">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3389,10 +3389,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-6f79048ef4694fff716b7b8ce2a106cb" class="lightbox-link">
+<a href="#image-86f117b80473edcea5fb9d30a91deb3c" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f79048ef4694fff716b7b8ce2a106cb">
+<a href="javascript:history.back();" class="lightbox" id="image-86f117b80473edcea5fb9d30a91deb3c">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3406,10 +3406,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-c6067da78100ad9b84ad8bc62f71f0ef" class="lightbox-link">
+<a href="#image-5c0ae23b1cd43a65d2190ac7a6ce2833" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c6067da78100ad9b84ad8bc62f71f0ef">
+<a href="javascript:history.back();" class="lightbox" id="image-5c0ae23b1cd43a65d2190ac7a6ce2833">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3423,10 +3423,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4359121f5f01a14bde9deec539084354" class="lightbox-link">
+<a href="#image-115ccaef82493ca666d21477e9ca051a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4359121f5f01a14bde9deec539084354">
+<a href="javascript:history.back();" class="lightbox" id="image-115ccaef82493ca666d21477e9ca051a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3440,10 +3440,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e90f0a6a1755ca07b12ade0efbcad9b8" class="lightbox-link">
+<a href="#image-b1d6eb0c25e2f6a95a5e4f77aea75ebb" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e90f0a6a1755ca07b12ade0efbcad9b8">
+<a href="javascript:history.back();" class="lightbox" id="image-b1d6eb0c25e2f6a95a5e4f77aea75ebb">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3460,34 +3460,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1ce8ac656240b8963c0ed9207edac686" class="lightbox-link">
+<a href="#image-97d9abb7c6895f4a36ca2940a483656d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1ce8ac656240b8963c0ed9207edac686">
+<a href="javascript:history.back();" class="lightbox" id="image-97d9abb7c6895f4a36ca2940a483656d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8ab4d5a5ce721c07bec2422a7053727f" class="lightbox-link">
+<a href="#image-76622359469ec2a94752f5d1ed448747" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8ab4d5a5ce721c07bec2422a7053727f">
+<a href="javascript:history.back();" class="lightbox" id="image-76622359469ec2a94752f5d1ed448747">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-084d7c91fe94b19de066af4294635ab9" class="lightbox-link">
+<a href="#image-cc65db5cde8393c63ca65035e1968c2e" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-084d7c91fe94b19de066af4294635ab9">
+<a href="javascript:history.back();" class="lightbox" id="image-cc65db5cde8393c63ca65035e1968c2e">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-4031b6c1c3e04927e9f6173022125ef6" class="lightbox-link">
+<a href="#image-6e2542d564f0cf7260219354eca947d3" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4031b6c1c3e04927e9f6173022125ef6">
+<a href="javascript:history.back();" class="lightbox" id="image-6e2542d564f0cf7260219354eca947d3">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3501,10 +3501,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-5bcf7d1643eb14fb6f89a77124a5bbbd" class="lightbox-link">
+<a href="#image-0b7cac287e67f2461b4d3613cb3fe037" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5bcf7d1643eb14fb6f89a77124a5bbbd">
+<a href="javascript:history.back();" class="lightbox" id="image-0b7cac287e67f2461b4d3613cb3fe037">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3741,10 +3741,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-2ffa3626b9be8f0cab7748f38c9dcb3b" class="lightbox-link">
+<a href="#image-cde80e829c9bc09559d9166670adb047" class="lightbox-link">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2ffa3626b9be8f0cab7748f38c9dcb3b">
+<a href="javascript:history.back();" class="lightbox" id="image-cde80e829c9bc09559d9166670adb047">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -3963,12 +3963,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="fedc2006cdf5050abfe0071eb640f7d7">
+<div class="tab-panel" data-tab-group="4dedf91fde6b3b6efe6567d1a259058c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','shortcode')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3978,7 +3979,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','partial')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4212,12 +4213,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="492d1b7e7aaaf62abffbc7b7da415182">
+<div class="tab-panel" data-tab-group="212c51f25f1148da11abda2e74e07211">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','shortcode')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4227,7 +4229,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','partial')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4445,12 +4447,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="5abc8ccc142a3f08d445475e337ac562">
+<div class="tab-panel" data-tab-group="a52ce5156b02e45ace48fb88cac4c92f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','shortcode')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4460,7 +4463,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','partial')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -4785,12 +4788,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="b9a16c9165b7c129a1a70eaea7f3a497">
+<div class="tab-panel" data-tab-group="02223b171bb5f2a72e4a40ada35bfa38">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','shortcode')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -4800,7 +4804,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','partial')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5211,13 +5215,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-9ebd99029c9f480db339acd6e45df1fd" aria-controls="expandcontent-9ebd99029c9f480db339acd6e45df1fd" >
-    <label class="expand-label" for="expand-9ebd99029c9f480db339acd6e45df1fd" >
+    <input type="checkbox" id="expand-5fcc721291d40c7a85c79fa804112268" aria-controls="expandcontent-5fcc721291d40c7a85c79fa804112268" >
+    <label class="expand-label" for="expand-5fcc721291d40c7a85c79fa804112268" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9ebd99029c9f480db339acd6e45df1fd" class="expand-content">
+    <div id="expandcontent-5fcc721291d40c7a85c79fa804112268" 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>
@@ -5247,12 +5251,13 @@ So its rrrambl'n be used as descript'n.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="f1006c9a79854670e9a630c39daecc1e">
+<div class="tab-panel" data-tab-group="a09b315cfa718b399ef8e3225e9937ec">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5262,7 +5267,7 @@ So its rrrambl'n be used as descript'n.</p>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode (positional)')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5272,7 +5277,7 @@ So its rrrambl'n be used as descript'n.</p>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','partial')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5347,13 +5352,13 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="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-d2e3082f5486531f63bc597cf1ebe49b" aria-controls="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" >
-    <label class="expand-label" for="expand-d2e3082f5486531f63bc597cf1ebe49b" >
+    <input type="checkbox" id="expand-e458968a3614fc8a97f1f496ed7de35d" aria-controls="expandcontent-e458968a3614fc8a97f1f496ed7de35d" >
+    <label class="expand-label" for="expand-e458968a3614fc8a97f1f496ed7de35d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" class="expand-content">
+    <div id="expandcontent-e458968a3614fc8a97f1f496ed7de35d" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
@@ -5361,13 +5366,13 @@ Yes, ye did it!</div>
 <div class="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-547c2e268b6e64a9df771947d6ea6208" aria-controls="expandcontent-547c2e268b6e64a9df771947d6ea6208"  checked>
-    <label class="expand-label" for="expand-547c2e268b6e64a9df771947d6ea6208" >
+    <input type="checkbox" id="expand-3aede560c0a6c9b9326357fd8a8c44f0" aria-controls="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0"  checked>
+    <label class="expand-label" for="expand-3aede560c0a6c9b9326357fd8a8c44f0" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-547c2e268b6e64a9df771947d6ea6208" class="expand-content">
+    <div id="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5389,13 +5394,13 @@ No need t' press ye!</div>
 </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-80231d0e5a8a0e73e4ea7df8440d64a1" aria-controls="expandcontent-80231d0e5a8a0e73e4ea7df8440d64a1" >
-    <label class="expand-label" for="expand-80231d0e5a8a0e73e4ea7df8440d64a1" >
+    <input type="checkbox" id="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" aria-controls="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
+    <label class="expand-label" for="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
         <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-80231d0e5a8a0e73e4ea7df8440d64a1" class="expand-content">
+    <div id="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5434,12 +5439,13 @@ No need t' press ye!</div>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="37cb87ec0078663a8c13174e22874406">
+<div class="tab-panel" data-tab-group="3e0626ee47e2513b77f3d8ff0f058283">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5449,7 +5455,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode (positional)')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5459,7 +5465,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','partial')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5566,12 +5572,13 @@ No need t' press ye!</div>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="10487caeee6f85858e1820eb82ed2819">
+<div class="tab-panel" data-tab-group="d6ed3f68d52c446db967016a73492746">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5581,7 +5588,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode (positional)')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -5591,7 +5598,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','partial')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5723,12 +5730,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="7ae73101f8eb9aec863b43d17225de89">
+<div class="tab-panel" data-tab-group="ed7bcec64bbab6e1a93319d3633f6c4a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','codefence')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5738,7 +5746,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','shortcode')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5748,7 +5756,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','partial')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -5924,12 +5932,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="dd38450c1112a30c6965fb16827d2908">
+<div class="tab-panel" data-tab-group="a75fc95fa6107d947a52388e77f9c165">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','codefence')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -5939,7 +5948,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','shortcode')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -5949,7 +5958,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','partial')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6501,12 +6510,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="76253c8ffc853c37e9b82cada5502b60">
+<div class="tab-panel" data-tab-group="06e76eac633a9875cf664213b1cfc199">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6516,7 +6526,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode (positional)')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -6526,7 +6536,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','partial')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6880,12 +6890,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="6bdae92535bc250cf22b48066b0a2272">
+<div class="tab-panel" data-tab-group="a5232fda0bd4b0a669a3c87cae08f754">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','shortcode')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6895,7 +6906,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','partial')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -6958,7 +6969,7 @@ timeline
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-b5282c7b80d147e7b0a263a586501447"
+    id="openapi-881a97a7bc5b244ba0f9015217fa3ca6"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -6979,12 +6990,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="0b3e6baa5169106c8ff9865e6647619a">
+<div class="tab-panel" data-tab-group="92e6227d11077473f7fd33db10d9e16e">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -6994,7 +7006,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode (positional)')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -7004,7 +7016,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','partial')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -7082,12 +7094,13 @@ timeline
 <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="c097b4833cd41bb486f1b4f91a00ffda">
+<div class="tab-panel" data-tab-group="456478ca47c798eaa8fa5b67690ca57a">
   <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('c097b4833cd41bb486f1b4f91a00ffda','c')"
+      onclick="switchTab('456478ca47c798eaa8fa5b67690ca57a','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7111,6 +7124,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7199,12 +7213,13 @@ timeline
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="8a69c45894eedc81ef256ea635d2148d">
+<div class="tab-panel" data-tab-group="86496aee3dd4856b5a58947934f4bf6b">
   <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('8a69c45894eedc81ef256ea635d2148d','Code')"
+      onclick="switchTab('86496aee3dd4856b5a58947934f4bf6b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7225,12 +7240,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="d44518b99537b71fd2364161a918a95d">
+<div class="tab-panel" data-tab-group="e4080c7019b2501ff892790d9d212e33">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d44518b99537b71fd2364161a918a95d','Mixed')"
+      onclick="switchTab('e4080c7019b2501ff892790d9d212e33','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7280,12 +7296,13 @@ timeline
 </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="baa750571f22c6483e59f2fec1b730e3">
+<div class="tab-panel" data-tab-group="433c06a6c2da4819835489e3146b6850">
   <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('baa750571f22c6483e59f2fec1b730e3','just colored style')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7295,7 +7312,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7305,7 +7322,7 @@ timeline
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','default style an' color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -7315,7 +7332,7 @@ timeline
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','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>
@@ -7325,7 +7342,7 @@ timeline
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','severity style an' 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>
@@ -7398,32 +7415,43 @@ timeline
 <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="0dd2e39c2a04c1371d69c5ec40491409">
+<div class="tab-panel" data-tab-group="830bdfe900a9ea6a3e3f724efdccc7b6">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','python')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','bash')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -7431,11 +7459,19 @@ timeline
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -7446,6 +7482,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7473,17 +7510,22 @@ timeline
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -7494,15 +7536,20 @@ timeline
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -7535,6 +7582,16 @@ timeline
 <td style="text-align:left">Sets a default value fer every contained tab. Can be overridden by each tab. See th' <a href="../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written 'n front o' th' tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
@@ -7546,12 +7603,13 @@ timeline
 <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="f86a566b8333bffe044b38201b4b3839">
+<div class="tab-panel" data-tab-group="36f59c5feb0d17eab6bf386e6b2fd868">
   <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('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 1')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7561,7 +7619,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 2')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7571,7 +7629,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group B')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -7648,6 +7706,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7710,6 +7769,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7754,6 +7814,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -7797,7 +7858,7 @@ timeline
 <h3 id="nested-tabs-and-color">Nested Tabs an' Color</h3>
 <p>In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' <code>{{&lt; tab &gt;}}</code> instead o' <code>{{% tab %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.</p>
 <p>Ye can also set various color parameter fer all tabs or just selected ones. See th' <a href="../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">be</span> <span class="nx">poss'ble</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -7813,7 +7874,7 @@ timeline
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -7832,6 +7893,7 @@ timeline
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -7844,7 +7906,7 @@ timeline
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -7864,6 +7926,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -7912,7 +7975,7 @@ timeline
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -7920,6 +7983,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -7976,8 +8040,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../js/theme.js?1686068163" defer></script>
+    <script src="../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index 935e625b99..2411a6ee32 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -37,7 +37,7 @@ var relearn_search_index = [
     "uri": "/pir/cont/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.16.0 (2023-06-05) New Th' tabs shortcode an' th' tab shortcode received some love an' style, color an' ay'con parameter similar t' other shorrrtcodes.\nIf ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.\nAdditionally th' name parameter was renamed t' title but ye don’t need t' change anyth'n yet as th' old name will be used as a fallback but ye will get deprecat'n warnings while execut'n Hugo.\nNew Th' theme now supports separate favicons fer light \u0026 dark mode optionally.\n5.15.0 (2023-05-29) Change Now also compat'ble wit' Cap'n Hugo 0.112.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nTh' attachments shortcode has compatiblity issues wit' newer Cap'n Hugo versions. Ye must switch t' leaf bundles or be locked t' Cap'n Hugo \u003c 0.112.0 fer now.\nIt be planned t' refactor th' attchments shortcode 'n th' future. This will make it poss'ble t' use th' shortcode 'n branch bundles again but not 'n simple planks anymore. Sadly this most likely will come wit' a break'n change which requires ye t' make changes t' yer project.\nChange Th' tabs shortcode has changed behavior if ye haven’t set th' groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong t' th' same group. Now, each tab view be treated as it was given a unique id.\nNew Th' already known tabshas a new friend th' tab shortcode t' make it easier t' create a tab view 'n case ye only need one single tab. Really handy if ye want t' flag yer code examples wit' a language identifier.\nAdditionally fer such a use case, th' whitespace between a tab outline an' th' code be removed if only a single code block be contained.\nNew Besides th' tag taxonomy th' theme now also provides th' category taxonomy out o' th' box an' shows them 'n th' rrrambl'n footer o' each plank.\n5.14.0 (2023-05-20) New Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.\nHugo’s default taxonmies tags an' categories be already contained 'n th' theme’s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don’t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer config.toml.\nNew T' give ye more flexibility 'n customiz'n yer article layout a new partial content-header.html be introduced.\nThis came out o' th' requirement t' cust'mize th' posit'n o' article tags, which by default be displayed above th' title. A second requirement was t' also show additional taxonomies not supported by th' theme natively. While Cap'n Hugo supports tags an' categories by default, th' theme only displays tags.\nSo how t' adjust th' posit'n o' tags start'n from th' theme’s default whar' tags be only shown above th' title?\nHide tags above title: Overwrite content-header.html wit' an empty file. Show tags between title an' rrrambl'n: Overwrite heading-post.html an' add {{- partial \"tags.html\" . }} t' it. Show tags below rrrambl'n: Overwrite content-footer.html an' add {{- partial \"tags.html\" . }} t' it. New Th' new parameter breadcrumbSeparator be now avail'ble 'n yer config.toml t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.\n5.13.0 (2023-05-17) Change Th' swagger shortcode was deprecated 'n favor fer th' openapi shortcode. Ye don’t need t' change anyth'n yet as th' old name will be used as a fallback. It be planned t' remove th' swagger shortcode 'n th' next major release.\nAdditionally, th' implemant'n o' this shortcode was switched from RapiDoc t' SwaggerUI.\n5.12.0 (2023-05-04) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed (again). While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Support fer th' great VSCode Front Matter extension which provides on-premise CMS capabilties t' Cap'n Hugo.\nTh' theme provides Front Matter snippets fer its shorrrtcodes. Currently only English an' German be supported. Put a reference into yer frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support fer languages that be written right t' left (like Arabic) be now complete an' extended t' th' menu, th' top navigat'n bar an' print. Ye can experience this 'n th' pirate translat'n. This feature be not avail'ble 'n Internet Explorer 11.\nNew Th' scrollbars be now colored accord'n t' their variant color scheme t' better fit into th' visuals.\n5.11.0 (2023-02-07) Change Th' theme removed th' popular jQuery library from its distribut'n.\nIn case ye made changes t' th' theme that be dependend on this library ye can place a copy o' jQuery into yer static/js directory an' board it from yer own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Merrrmaid diagrams can now be configured fer pan an' zoom on site-, page-level or individually fer each graph.\nTh' default sett'n o' on, 'n effect since 1.1.0, changed back t' off as there was interference wit' scroll'n on mobile an' big planks.\nChange Th' theme be now cap'ble t' visually adapt t' yer OS’s light/dark mode sett'n.\nThis be also th' new default sett'n if ye haven’t configured themeVariant 'n yer config.toml.\nAdditionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new themeVariantAuto parameter.\nThis be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nChange Th' JavaScript code fer handl'n image lightboxes (provided by Featherlight) was replaced by a CSS-only solut'n.\nThis also changed th' lightbox effects parameter from featherlight=false t' lightbox=false. Nevertheless ye don’t need t' change anyth'n as th' old name will be used as a fallback.\nChange In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' expand shortcode was changed. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Translat'n fer Czech. This language be not supported fer search.\nNew GitHub releases be also now tagged fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) release mak'n it easier fer ye t' pin th' theme t' a certain version.\n5.10.0 (2023-01-25) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values.\nAdditionally th' --ACCENT-color brand color introduced 'n version 5.8.0 be now supported wit' these shorrrtcodes.\n5.9.0 (2022-12-23) Break'n Wit' this version it be now poss'ble t' not only have sections on th' first menu level but also planks.\nIt was later discovered, that this causes planks only meant t' be displayed 'n th' More section o' th' menu an' stored directly inside yer rrrambl'n directory t' now show up 'n th' menu aswell.\nT' get rid o' this undesired behavior ye have two choices:\nMake th' plank file fer th' More section a headless branch bundle (contained 'n its own subdirectory an' called _index.md) an' add th' follow'n frontmatter configurat'n t' th' file (see exampleSite’s content/showcase). This causes its rrrambl'n t' not be contained 'n th' sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store th' plank file fer th' More section below a parent headless branch bundle an' add th' follow'n frontmatter t' th' parent. In this case, th' file itself can be a branch bundle, leaf bundle or simple plank (see exampleSite’s content/more/ an' content/more/credits). This causes its rrrambl'n t' be contained 'n th' sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change Th' required folder name fer th' attachments shortcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shortcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shortcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shortcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shortcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shortcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shortcode an' mermaid shortcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n fer Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Th' functionality o' th' new implementat'n does not work wit' old browsers (Internet Explorer 11).\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shortcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n aft th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shortcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shortcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shortcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shortcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shortcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Translat'n fer Polish. This language be not supported fer search.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n fer Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shortcode swagger be avail'ble t' include a UI fer REST OpenAPI specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shortcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shortcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" Copy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shortcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shortcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shortcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shortcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shortcode children wit' new parameter containerstyle.\nNew New shortcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shortcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) Break'n Merrrmaid diagrams can now be panned an' zoomed. This isn’t configur'ble yet.\nNew Merrrmaid config opt'ns can be set 'n config.toml.\n1.0.0 (2021-07-01) 0.65.0 Th' requirement fer th' Cap'n Hugo version o' this theme be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.16.0 (2023-06-05) New Th' tabs shortcode an' th' tab shortcode received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.\nTh' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.\nAdditionally th' name parameter was renamed t' title but ye don’t need t' change anyth'n yet as th' old name will be used as a fallback but ye will get deprecat'n warnings while execut'n Hugo.\nNew Th' theme now supports separate favicons fer light \u0026 dark mode optionally.\n5.15.0 (2023-05-29) Change Now also compat'ble wit' Cap'n Hugo 0.112.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nTh' attachments shortcode has compatiblity issues wit' newer Cap'n Hugo versions. Ye must switch t' leaf bundles or be locked t' Cap'n Hugo \u003c 0.112.0 fer now.\nIt be planned t' refactor th' attchments shortcode 'n th' future. This will make it poss'ble t' use th' shortcode 'n branch bundles again but not 'n simple planks anymore. Sadly this most likely will come wit' a break'n change which requires ye t' make changes t' yer project.\nChange Th' tabs shortcode has changed behavior if ye haven’t set th' groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong t' th' same group. Now, each tab view be treated as it was given a unique id.\nNew Th' already known tabshas a new friend th' tab shortcode t' make it easier t' create a tab view 'n case ye only need one single tab. Really handy if ye want t' flag yer code examples wit' a language identifier.\nAdditionally fer such a use case, th' whitespace between a tab outline an' th' code be removed if only a single code block be contained.\nNew Besides th' tag taxonomy th' theme now also provides th' category taxonomy out o' th' box an' shows them 'n th' rrrambl'n footer o' each plank.\n5.14.0 (2023-05-20) New Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.\nHugo’s default taxonmies tags an' categories be already contained 'n th' theme’s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don’t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer config.toml.\nNew T' give ye more flexibility 'n customiz'n yer article layout a new partial content-header.html be introduced.\nThis came out o' th' requirement t' cust'mize th' posit'n o' article tags, which by default be displayed above th' title. A second requirement was t' also show additional taxonomies not supported by th' theme natively. While Cap'n Hugo supports tags an' categories by default, th' theme only displays tags.\nSo how t' adjust th' posit'n o' tags start'n from th' theme’s default whar' tags be only shown above th' title?\nHide tags above title: Overwrite content-header.html wit' an empty file. Show tags between title an' rrrambl'n: Overwrite heading-post.html an' add {{- partial \"tags.html\" . }} t' it. Show tags below rrrambl'n: Overwrite content-footer.html an' add {{- partial \"tags.html\" . }} t' it. New Th' new parameter breadcrumbSeparator be now avail'ble 'n yer config.toml t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.\n5.13.0 (2023-05-17) Change Th' swagger shortcode was deprecated 'n favor fer th' openapi shortcode. Ye don’t need t' change anyth'n yet as th' old name will be used as a fallback. It be planned t' remove th' swagger shortcode 'n th' next major release.\nAdditionally, th' implemant'n o' this shortcode was switched from RapiDoc t' SwaggerUI.\n5.12.0 (2023-05-04) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed (again). While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Support fer th' great VSCode Front Matter extension which provides on-premise CMS capabilties t' Cap'n Hugo.\nTh' theme provides Front Matter snippets fer its shorrrtcodes. Currently only English an' German be supported. Put a reference into yer frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support fer languages that be written right t' left (like Arabic) be now complete an' extended t' th' menu, th' top navigat'n bar an' print. Ye can experience this 'n th' pirate translat'n. This feature be not avail'ble 'n Internet Explorer 11.\nNew Th' scrollbars be now colored accord'n t' their variant color scheme t' better fit into th' visuals.\n5.11.0 (2023-02-07) Change Th' theme removed th' popular jQuery library from its distribut'n.\nIn case ye made changes t' th' theme that be dependend on this library ye can place a copy o' jQuery into yer static/js directory an' board it from yer own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Merrrmaid diagrams can now be configured fer pan an' zoom on site-, page-level or individually fer each graph.\nTh' default sett'n o' on, 'n effect since 1.1.0, changed back t' off as there was interference wit' scroll'n on mobile an' big planks.\nChange Th' theme be now cap'ble t' visually adapt t' yer OS’s light/dark mode sett'n.\nThis be also th' new default sett'n if ye haven’t configured themeVariant 'n yer config.toml.\nAdditionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new themeVariantAuto parameter.\nThis be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nChange Th' JavaScript code fer handl'n image lightboxes (provided by Featherlight) was replaced by a CSS-only solut'n.\nThis also changed th' lightbox effects parameter from featherlight=false t' lightbox=false. Nevertheless ye don’t need t' change anyth'n as th' old name will be used as a fallback.\nChange In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' expand shortcode was changed. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Translat'n fer Czech. This language be not supported fer search.\nNew GitHub releases be also now tagged fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) release mak'n it easier fer ye t' pin th' theme t' a certain version.\n5.10.0 (2023-01-25) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values.\nAdditionally th' --ACCENT-color brand color introduced 'n version 5.8.0 be now supported wit' these shorrrtcodes.\n5.9.0 (2022-12-23) Break'n Wit' this version it be now poss'ble t' not only have sections on th' first menu level but also planks.\nIt was later discovered, that this causes planks only meant t' be displayed 'n th' More section o' th' menu an' stored directly inside yer rrrambl'n directory t' now show up 'n th' menu aswell.\nT' get rid o' this undesired behavior ye have two choices:\nMake th' plank file fer th' More section a headless branch bundle (contained 'n its own subdirectory an' called _index.md) an' add th' follow'n frontmatter configurat'n t' th' file (see exampleSite’s content/showcase). This causes its rrrambl'n t' not be contained 'n th' sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store th' plank file fer th' More section below a parent headless branch bundle an' add th' follow'n frontmatter t' th' parent. In this case, th' file itself can be a branch bundle, leaf bundle or simple plank (see exampleSite’s content/more/ an' content/more/credits). This causes its rrrambl'n t' be contained 'n th' sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change Th' required folder name fer th' attachments shortcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shortcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shortcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shortcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shortcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shortcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shortcode an' mermaid shortcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n fer Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Th' functionality o' th' new implementat'n does not work wit' old browsers (Internet Explorer 11).\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shortcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n aft th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shortcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shortcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shortcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shortcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shortcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Translat'n fer Polish. This language be not supported fer search.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n fer Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shortcode swagger be avail'ble t' include a UI fer REST OpenAPI specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shortcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shortcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" Copy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shortcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shortcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shortcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shortcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shortcode children wit' new parameter containerstyle.\nNew New shortcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shortcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) Break'n Merrrmaid diagrams can now be panned an' zoomed. This isn’t configur'ble yet.\nNew Merrrmaid config opt'ns can be set 'n config.toml.\n1.0.0 (2021-07-01) 0.65.0 Th' requirement fer th' Cap'n Hugo version o' this theme be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
@@ -256,7 +256,7 @@ var relearn_search_index = [
     "uri": "/pir/tests/chapters/9/index.html"
   },
   {
-    "content": " Attachments NoTreasure.txt (26 B) Th' attachments shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Arrr Since Cap'n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an' simple planks must be switched t' leaf bundles or ye be currently locked t' a Cap'n Hugo version \u003c 0.112.0.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode partial partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shortcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nIf yer plank be a leaf bundle, attachments must be placed 'n a nested index.files folder, accordingly.\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf If yer plank be a branch bundle, attachments must be placed 'n a nested _index.files folder, accordingly.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank index.md index.files attachment.pdf For simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank.files attachment.pdf plank.md Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n index.en.md index.pir.md plank index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shortcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
+    "content": " Attachments NoTreasure.txt (26 B) Th' attachments shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Arrr Since Cap'n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an' simple planks must be switched t' leaf bundles or ye be currently locked t' a Cap'n Hugo version \u003c 0.112.0.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shortcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nIf yer plank be a leaf bundle, attachments must be placed 'n a nested index.files folder, accordingly.\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf If yer plank be a branch bundle, attachments must be placed 'n a nested _index.files folder, accordingly.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank index.md index.files attachment.pdf For simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank.files attachment.pdf plank.md Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n index.en.md index.pir.md plank index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shortcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
     "description": "",
     "tags": null,
     "title": "Attachments",
@@ -291,7 +291,7 @@ var relearn_search_index = [
     "uri": "/pir/tests/attach/index.html"
   },
   {
-    "content": " Th' badge shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title an' Rrrambl'n {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shortcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": " Th' badge shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title an' Rrrambl'n {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shortcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "",
     "tags": null,
     "title": "Badge",
@@ -305,7 +305,7 @@ var relearn_search_index = [
     "uri": "/pir/categories/basic/index.html"
   },
   {
-    "content": " Th' button shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode partial partial {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Either th' destinat'n URL fer th' button or JavaScript code t' be executed on click. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.\n- if start'n wit' javascript: all follow'n text will be executed 'n yer browser\n- every other str'n will be interpreted as URL style transparent Th' style scheme used fer th' button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. target see notes Th' destinat'n frame/window if href be an URL. Otherwise th' parameter be not used. This behaves similar t' normal links. If th' parameter be not given it defaults t':\n- th' sett'n o' externalLinkTarget or _blank if not set, fer any address start'n wit' http:// or https://\n- no specific value fer all other links type see notes Th' button type if href be JavaScript. Otherwise th' parameter be not used. If th' parameter be not given it defaults t' button \u003ccontent\u003e see notes Arbitrary text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"accent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" iconposit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Cap'n Hugo 'n same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo 'n new Window/Frame (default){{% /button %}} Get Cap'n Hugo 'n same Window/Frame Get Cap'n Hugo 'n new Window/Frame (default) Other Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Get **Cap'n Hugo**{{% /button %}} Get Cap'n Hugo Severity Style wit' All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse Button t' Internal Plank {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button wit' JavaScript Act'n If yer JavaScript act'n does not change th' focus afterwards, make sure t' call this.blur() 'n th' end t' unselect th' button.\n{{% button style=\"primary\" ay'con=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element T' use native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml\n[marrrkup.goldmark.renderer] unsafe = true \u003cform act'n=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
+    "content": " Th' button shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Either th' destinat'n URL fer th' button or JavaScript code t' be executed on click. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.\n- if start'n wit' javascript: all follow'n text will be executed 'n yer browser\n- every other str'n will be interpreted as URL style transparent Th' style scheme used fer th' button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. target see notes Th' destinat'n frame/window if href be an URL. Otherwise th' parameter be not used. This behaves similar t' normal links. If th' parameter be not given it defaults t':\n- th' sett'n o' externalLinkTarget or _blank if not set, fer any address start'n wit' http:// or https://\n- no specific value fer all other links type see notes Th' button type if href be JavaScript. Otherwise th' parameter be not used. If th' parameter be not given it defaults t' button \u003ccontent\u003e see notes Arbitrary text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"accent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" iconposit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Cap'n Hugo 'n same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo 'n new Window/Frame (default){{% /button %}} Get Cap'n Hugo 'n same Window/Frame Get Cap'n Hugo 'n new Window/Frame (default) Other Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Get **Cap'n Hugo**{{% /button %}} Get Cap'n Hugo Severity Style wit' All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse Button t' Internal Plank {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button wit' JavaScript Act'n If yer JavaScript act'n does not change th' focus afterwards, make sure t' call this.blur() 'n th' end t' unselect th' button.\n{{% button style=\"primary\" ay'con=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element T' use native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml\n[marrrkup.goldmark.renderer] unsafe = true \u003cform act'n=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
     "description": "",
     "tags": null,
     "title": "Button",
@@ -340,7 +340,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/children/index.html"
   },
   {
-    "content": " Th' children shortcode lists th' child planks o' th' current plank an' its descendants.\nplank X plank 1 plank 2 plank 3 Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode partial partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"context\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed as well. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.\nIf not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter\n- weight: t' sort on menu order\n- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nInfinite Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 1-1This be a demo child plank\nplank 1-1-2This be a demo child plank\nplank 1-1-3This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nplank 3-1This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 plank 1-1-3 plank 2 plank 3 plank 3-1 ",
+    "content": " Th' children shortcode lists th' child planks o' th' current plank an' its descendants.\nplank X plank 1 plank 2 plank 3 Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"context\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed as well. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.\nIf not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter\n- weight: t' sort on menu order\n- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nInfinite Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 1-1This be a demo child plank\nplank 1-1-2This be a demo child plank\nplank 1-1-3This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nplank 3-1This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 plank 1-1-3 plank 2 plank 3 plank 3-1 ",
     "description": "",
     "tags": null,
     "title": "Children",
@@ -396,7 +396,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/documentatn/index.html"
   },
   {
-    "content": " Th' expand shortcode displays an expandable/collaps'ble section o' text.\nExpand me… Thank ye!\nThat’s some text wit' a footnote1\nThat’s some more text wit' a footnote.2\nAn' that’s th' footnote. ↩︎\nAnyth'n o' interest goes here.\nBlue light glows blue. ↩︎\nAvast This only works 'n modern browsers flawlessly. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"context\" . \"title\" \"Expand me...\" \"content\" \"Thank ye!\" )}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitrary text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me… Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me… No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
+    "content": " Th' expand shortcode displays an expandable/collaps'ble section o' text.\nExpand me… Thank ye!\nThat’s some text wit' a footnote1\nThat’s some more text wit' a footnote.2\nAn' that’s th' footnote. ↩︎\nAnyth'n o' interest goes here.\nBlue light glows blue. ↩︎\nAvast This only works 'n modern browsers flawlessly. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"context\" . \"title\" \"Expand me...\" \"content\" \"Thank ye!\" )}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitrary text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me… Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me… No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
     "description": "",
     "tags": null,
     "title": "Expand",
@@ -410,7 +410,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/hidden/index.html"
   },
   {
-    "content": " Th' ay'con shortcode displays ay'cons us'n th' Font Awesome library.\nUsage While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% ay'con ay'con=\"exclamation-triangle\" %}} {{% ay'con ay'con=\"angle-double-up\" %}} {{% ay'con ay'con=\"skull-crossbones\" %}} {{% ay'con exclamat'n-triangle %}} {{% ay'con angle-do'ble-up %}} {{% ay'con skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Posit'n Default Notes ay'con 1 \u003cempty\u003e Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context. Find'n an ay'con Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.\nOnce on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.\nCustomis'n Ay'cons Font Awesome provides many ways t' modify th' ay'con\nChange color (by default th' ay'con will inherit th' parent color) Increase or decrease size Rotate Combine wit' other ay'cons Check th' full documentat'n on web fonts wit' CSS fer more.\nExamples Standard Usage Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\nAdvanced HTML Usage While th' shortcode simplyfies us'n standard ay'cons, th' ay'con customisat'n an' other advanced features o' th' Font Awesome library requires ye t' use HTML directly. Just paste th' \u003ci\u003e HTML into marrrkup an' Font Awesome will board th' relevant ay'con.\nBuilt wit' \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\n",
+    "content": " Th' ay'con shortcode displays ay'cons us'n th' Font Awesome library.\nUsage While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% ay'con ay'con=\"exclamation-triangle\" %}} {{% ay'con ay'con=\"angle-double-up\" %}} {{% ay'con ay'con=\"skull-crossbones\" %}} {{% ay'con exclamat'n-triangle %}} {{% ay'con angle-do'ble-up %}} {{% ay'con skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Posit'n Default Notes ay'con 1 \u003cempty\u003e Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context. Find'n an ay'con Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.\nOnce on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.\nCustomis'n Ay'cons Font Awesome provides many ways t' modify th' ay'con\nChange color (by default th' ay'con will inherit th' parent color) Increase or decrease size Rotate Combine wit' other ay'cons Check th' full documentat'n on web fonts wit' CSS fer more.\nExamples Standard Usage Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\nAdvanced HTML Usage While th' shortcode simplyfies us'n standard ay'cons, th' ay'con customisat'n an' other advanced features o' th' Font Awesome library requires ye t' use HTML directly. Just paste th' \u003ci\u003e HTML into marrrkup an' Font Awesome will board th' relevant ay'con.\nBuilt wit' \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\n",
     "description": "",
     "tags": null,
     "title": "Icon",
@@ -424,14 +424,14 @@ var relearn_search_index = [
     "uri": "/pir/tests/images/index.html"
   },
   {
-    "content": " Th' include shortcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"context\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n hidefirsthead'n 2 false When true an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitrary Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}} Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎\n",
+    "content": " Th' include shortcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"context\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n hidefirsthead'n 2 false When true an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitrary Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}} Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎\n",
     "description": "",
     "tags": null,
     "title": "Include",
     "uri": "/pir/shortcodes/include/index.html"
   },
   {
-    "content": " Plain one\ntwo\ntwo\nan' a half\nthree\nAttachments one\ntwo\nAttachments Attachments three\nBadge one\ntwo\nAwesome Awesome three\nButton one\ntwo\nGet Cap'n Hugo Get Cap'n Hugo three\nChildren one\ntwo\nthree\nExpand one\ntwo\nExpand me… Thank ye! Expand me… Thank ye! three\nAy'con one\ntwo\nthree\nInclude one two Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nthree Math one\ntwo\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ three\nMerrrmaid one\ntwo\ngraph LR; If --\u003e Then Then --\u003e Else graph LR; If --\u003e Then Then --\u003e Else three\nNotice one\ntwo\nThere may be pirates It be all about th' boxes.\nThere may be pirates It be all about th' boxes.\nthree\nSiteparam one\ntwo\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nthree\nTabs one\ntwo\npython python bash bash print(\"Hello World!\") echo \"Hello World!\" python python bash bash print(\"Hello World!\") echo \"Hello World!\" three\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎ ↩︎\n",
+    "content": " Plain one\ntwo\ntwo\nan' a half\nthree\nAttachments one\ntwo\nAttachments Attachments three\nBadge one\ntwo\nAwesome Awesome three\nButton one\ntwo\nGet Cap'n Hugo Get Cap'n Hugo three\nChildren one\ntwo\nthree\nExpand one\ntwo\nExpand me… Thank ye! Expand me… Thank ye! three\nAy'con one\ntwo\nthree\nInclude one two Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nthree Math one\ntwo\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ three\nMerrrmaid one\ntwo\ngraph LR; If --\u003e Then Then --\u003e Else graph LR; If --\u003e Then Then --\u003e Else three\nNotice one\ntwo\nThere may be pirates It be all about th' boxes.\nThere may be pirates It be all about th' boxes.\nthree\nSiteparam one\ntwo\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nhttps://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nthree\nTabs one\ntwo\n​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" three\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎ ↩︎\n",
     "description": "Test shortcodes inside of list items",
     "tags": null,
     "title": "Lists",
@@ -445,14 +445,14 @@ var relearn_search_index = [
     "uri": "/pir/dev/maintaining/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nTh' math shortcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Math codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence codefence shortcode shortcode partial partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Right Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nTh' math shortcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Math codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\n​ codefence codefence shortcode shortcode partial partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Right Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "",
     "tags": null,
     "title": "Math",
     "uri": "/pir/shortcodes/math/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nTh' mermaid shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' Merrrmaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nArrr Due t' limitat'ns wit' Merrrmaid, it be currently not poss'ble t' use Merrrmaid code fences 'n an initially collapsed expand shortcode. This be a know issue an' can’t be fixed by this theme.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence codefence shortcode shortcode partial partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"context\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nParameter Name Default Notes align center Allowed values be left, center or right. zoom see notes Whether th' graph be pan- an' zoom'ble.\nIf not set th' value be determined by th' mermaidZoom sett'n o' th' ship or th' planks frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan an' zoom active \u003ccontent\u003e \u003cempty\u003e Yer Merrrmaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid codefences guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++ Examples Flowchart wit' Non-Default Merrrmaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram wit' Configurat'n Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! Class Diagram wit' Codefence Rules ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned t' th' Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model {{\u003c mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::ay'con(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003ean' features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid Timeline {{\u003c mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nTh' mermaid shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' Merrrmaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nArrr Due t' limitat'ns wit' Merrrmaid, it be currently not poss'ble t' use Merrrmaid code fences 'n an initially collapsed expand shortcode. This be a know issue an' can’t be fixed by this theme.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\n​ codefence codefence shortcode shortcode partial partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"context\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nParameter Name Default Notes align center Allowed values be left, center or right. zoom see notes Whether th' graph be pan- an' zoom'ble.\nIf not set th' value be determined by th' mermaidZoom sett'n o' th' ship or th' planks frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan an' zoom active \u003ccontent\u003e \u003cempty\u003e Yer Merrrmaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid codefences guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++ Examples Flowchart wit' Non-Default Merrrmaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram wit' Configurat'n Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! Class Diagram wit' Codefence Rules ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned t' th' Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model {{\u003c mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::ay'con(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003ean' features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid Timeline {{\u003c mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter ",
     "description": "",
     "tags": null,
     "title": "Merrrmaid",
@@ -466,14 +466,14 @@ var relearn_search_index = [
     "uri": "/pir/tags/non-hidden/index.html"
   },
   {
-    "content": " Th' notice shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
+    "content": " Th' notice shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
     "description": "",
     "tags": null,
     "title": "Notice",
     "uri": "/pir/shortcodes/notice/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nTh' openapi shortcode uses th' Swagger UI library t' display yer OpenAPI / Swagger specificat'ns.\nAvast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode partial partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"context\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Avast If ye want t' print out (or generate a PDF) from yer OpenAPI documentat'n, don’t initiate print'n directly from th' plank because th' elements be optimized fer interactive usage 'n a browser.\nInstead, open th' print preview 'n yer browser an' initiate print'n from that plank. This plank be optimized fer read'n an' expands most o' th' avail'ble sections.\nExample Us'n Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry, writ'n docs and stuff.\nTh' openapi shortcode uses th' Swagger UI library t' display yer OpenAPI / Swagger specificat'ns.\nAvast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"context\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Avast If ye want t' print out (or generate a PDF) from yer OpenAPI documentat'n, don’t initiate print'n directly from th' plank because th' elements be optimized fer interactive usage 'n a browser.\nInstead, open th' print preview 'n yer browser an' initiate print'n from that plank. This plank be optimized fer read'n an' expands most o' th' avail'ble sections.\nExample Us'n Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
     "description": "Adds UI fer yer OpenAPI / Swaggerrr Specificat'ns",
     "tags": null,
     "title": "OpenAPI",
@@ -587,28 +587,28 @@ var relearn_search_index = [
     "uri": "/pir/dev/screenshots/index.html"
   },
   {
-    "content": " Th' siteparam shortcode prints values o' ship params.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.\nshortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"context\" . \"name\" \"editURL\" )}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
+    "content": " Th' siteparam shortcode prints values o' ship params.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"context\" . \"name\" \"editURL\" )}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
     "description": "",
     "tags": null,
     "title": "Ship param",
     "uri": "/pir/shortcodes/siteparam/index.html"
   },
   {
-    "content": " Ye can use a tab shortcode t' display a single tab.\nThis be especially useful if ye want t' flag yer code example wit' an explicit language.\nIf ye want multiple tabs grouped together ye can wrap yer tabs into th' tabs shortcode.\nc c printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode partial partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"context\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) )}} Parameter Name Default Notes style see notes Th' style scheme used fer th' tab. If ye don’t set a style an' ye display a single code block inside o' th' tab, its default styl'n will adapt t' that o' a code block. Otherwise default be used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary title fer th' tab. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n th' tab. Examples Single Code Block wit' Collapsed Margins Code Code printf(\"Hello World!\"); Mixed Marrrkdown Rrrambl'n Mixed Mixed A tab can not only contain code but arbitrary text. In this case text an' code will get a margin.\nprintf(\"Hello World!\"); Understand'n style an' color Behavior Th' style parameter affects how th' color parameter be applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} Th' `style` parameter be set t' a color style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only th' `color` parameter be set. This will set th' background t' a lighter version o' th' chosen CSS color value. {{% /tab %}} {{% tab title=\"default style an' color\" style=\"default\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. Th' `default` style will set th' background t' yer `--MAIN-BG-color` as configured fer yer theme variant resembl'n th' default style but wit' different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} Th' `style` parameter be set t' a severity style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con. {{% /tab %}} {{% tab title=\"severity style an' color\" style=\"info\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. This will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con. {{% /tab %}} {{\u003c /tabs \u003e}} just colored style just colored style just color just color default style an' color default style an' color just severity style just severity style severity style an' color severity style an' color Th' style parameter be set t' a color style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant.\nOnly th' color parameter be set.\nThis will set th' background t' a lighter version o' th' chosen CSS color value.\nTh' style parameter affects how th' color parameter be applied.\nTh' default style will set th' background t' yer --MAIN-BG-color as configured fer yer theme variant resembl'n th' default style but wit' different color.\nTh' style parameter be set t' a severity style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con.\nTh' style parameter affects how th' color parameter be applied.\nThis will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con.\n",
+    "content": " Ye can use a tab shortcode t' display a single tab.\nThis be especially useful if ye want t' flag yer code example wit' an explicit language.\nIf ye want multiple tabs grouped together ye can wrap yer tabs into th' tabs shortcode.\n​ c c printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"context\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) )}} Parameter Name Default Notes style see notes Th' style scheme used fer th' tab. If ye don’t set a style an' ye display a single code block inside o' th' tab, its default styl'n will adapt t' that o' a code block. Otherwise default be used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary title fer th' tab. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n th' tab. Examples Single Code Block wit' Collapsed Margins ​ Code Code printf(\"Hello World!\"); Mixed Marrrkdown Rrrambl'n ​ Mixed Mixed A tab can not only contain code but arbitrary text. In this case text an' code will get a margin.\nprintf(\"Hello World!\"); Understand'n style an' color Behavior Th' style parameter affects how th' color parameter be applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} Th' `style` parameter be set t' a color style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only th' `color` parameter be set. This will set th' background t' a lighter version o' th' chosen CSS color value. {{% /tab %}} {{% tab title=\"default style an' color\" style=\"default\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. Th' `default` style will set th' background t' yer `--MAIN-BG-color` as configured fer yer theme variant resembl'n th' default style but wit' different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} Th' `style` parameter be set t' a severity style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con. {{% /tab %}} {{% tab title=\"severity style an' color\" style=\"info\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. This will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con. {{% /tab %}} {{\u003c /tabs \u003e}} ​ just colored style just colored style just color just color default style an' color default style an' color just severity style just severity style severity style an' color severity style an' color Th' style parameter be set t' a color style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant.\nOnly th' color parameter be set.\nThis will set th' background t' a lighter version o' th' chosen CSS color value.\nTh' style parameter affects how th' color parameter be applied.\nTh' default style will set th' background t' yer --MAIN-BG-color as configured fer yer theme variant resembl'n th' default style but wit' different color.\nTh' style parameter be set t' a severity style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con.\nTh' style parameter affects how th' color parameter be applied.\nThis will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con.\n",
     "description": "",
     "tags": null,
     "title": "Tab",
     "uri": "/pir/shortcodes/tab/index.html"
   },
   {
-    "content": " Lines an' Paragraphs i HTML Paragraph I\nHTML Paragraph II\ni HTML Line I\nHTML Line II i HTML Line I\nHTML Line II i Marrrkdown Multicell I Marrrkdown Multicell II Head'ns i HTML h1 i HTML h2 i HTML h3 i HTML h4 i HTML h5 i HTML h6 Lists i HTML List Item IHTML List Item II Code i Marrrkdown Inline i HTML Inline i HTML Block Links \u0026 Images i Marrrkdown Link i https://example.com i Other i HTML Blockquote i HTML Blockquote wit' nested Paragraph\ni Shorrrtcodes i Important i Get Cap'n Hugo i Expand me… Thank ye! i i Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work) |\ni $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ i $\\sqrt{3}$ i graph LR; If --\u003e Then Then --\u003e Else i https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/ i python python bash bash print(\"Hello World!\") echo \"Hello World!\" Et Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎\n",
+    "content": " Lines an' Paragraphs i HTML Paragraph I\nHTML Paragraph II\ni HTML Line I\nHTML Line II i HTML Line I\nHTML Line II i Marrrkdown Multicell I Marrrkdown Multicell II Head'ns i HTML h1 i HTML h2 i HTML h3 i HTML h4 i HTML h5 i HTML h6 Lists i HTML List Item IHTML List Item II Code i Marrrkdown Inline i HTML Inline i HTML Block Links \u0026 Images i Marrrkdown Link i https://example.com i Other i HTML Blockquote i HTML Blockquote wit' nested Paragraph\ni Shorrrtcodes i Important i Get Cap'n Hugo i Expand me… Thank ye! i i Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work) |\ni $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ i $\\sqrt{3}$ i graph LR; If --\u003e Then Then --\u003e Else i https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/ i ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" Et Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎\n",
     "description": "Testing different markdown constructs inside of tables",
     "tags": null,
     "title": "Tables",
     "uri": "/pir/tests/tables/index.html"
   },
   {
-    "content": " Th' tabs shortcode displays arbitrary rrrambl'n 'n an unlimited number o' tabs.\nThis comes 'n handy eg. fer provid'n code snippets fer multiple languages.\nIf ye just want a single tab ye can instead call th' tab shortcode standalone.\npython python bash bash print(\"Hello World!\") echo \"Hello World!\" Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nSee th' tab shortcode fer a descript'n o' th' parameter fer nested tabs.\nshortcode shortcode partial partial {{\u003c tabs \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"context\" . \"content\" (slice (dict \"title\" \"python\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) ) (dict \"title\" \"bash\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderStr'n) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name o' th' group th' tab view belongs t'.\nTab views wit' th' same groupid sychr'nize their selected tab. Th' tab select'n be restored automatically based on th' groupid fer tab view. If th' selected tab can not be found 'n a tab group th' first tab be selected instead.\nThis sychronizat'n applies t' th' whole ship! style \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. color \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Examples Behavior o' th' groupid See what happens t' th' tab views while ye select different tabs.\nWhile 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.\nGroup A, Tab View 1 Group A, Tab View 1 Group A, Tab View 2 Group A, Tab View 2 Group B Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 json json XML stuff XML stuff properties properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Group A, Tab View 2 json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tabs an' Color In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' {{\u003c tab \u003e}} instead o' {{% tab %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.\nYe can also set various color parameter fer all tabs or just selected ones. See th' tab shortcode fer poss'ble values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text be poss'ble here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python be **super** easy. - most o' th' time. - if ye don't want t' output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash be fer **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"fuchsia\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Text Text Code Code Simple text be poss'ble here... python python bash bash Python be super easy.\nmost o' th' time. if ye don’t want t' output unicode Bash be fer hackers.\n...but no markdown python python bash bash print(\"Hello World!\") echo \"Hello World!\" ",
+    "content": " Th' tabs shortcode displays arbitrary rrrambl'n 'n an unlimited number o' tabs.\nThis comes 'n handy eg. fer provid'n code snippets fer multiple languages.\nIf ye just want a single tab ye can instead call th' tab shortcode standalone.\nhello. py py sh sh c c print(\"Hello World!\") echo \"Hello World!\" printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nSee th' tab shortcode fer a descript'n o' th' parameter fer nested tabs.\n​ shortcode shortcode partial partial {{\u003c tabs title=\"hello.\" \u003e}} {{% tab title=\"py\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"sh\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{% tab title=\"c\" %}} ```c printf\"Hello World!\"); ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"context\" . \"title\" \"hello.\" \"content\" (slice (dict \"title\" \"py\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) ) (dict \"title\" \"sh\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderStr'n) ) (dict \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\");\\n```\" | .RenderStr'n) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name o' th' group th' tab view belongs t'.\nTab views wit' th' same groupid sychr'nize their selected tab. Th' tab select'n be restored automatically based on th' groupid fer tab view. If th' selected tab can not be found 'n a tab group th' first tab be selected instead.\nThis sychronizat'n applies t' th' whole ship! style \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. color \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. title \u003cempty\u003e Arbitrary title written 'n front o' th' tabs. ay'con \u003cempty\u003e Font Awesome ay'con name set t' th' left o' th' title. \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Examples Behavior o' th' groupid See what happens t' th' tab views while ye select different tabs.\nWhile 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.\n​ Group A, Tab View 1 Group A, Tab View 1 Group A, Tab View 2 Group A, Tab View 2 Group B Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 ​ json json XML stuff XML stuff properties properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Group A, Tab View 2 ​ json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B ​ json json XML stuff XML stuff { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tabs an' Color In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' {{\u003c tab \u003e}} instead o' {{% tab %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.\nYe can also set various color parameter fer all tabs or just selected ones. See th' tab shortcode fer poss'ble values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" title=\"Rationale\" ay'con=\"thumbtack\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text be poss'ble here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python be **super** easy. - most o' th' time. - if ye don't want t' output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash be fer **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"darkorchid\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Rationale Text Text Code Code Simple text be poss'ble here... ​ python python bash bash Python be super easy.\nmost o' th' time. if ye don’t want t' output unicode Bash be fer hackers.\n...but no markdown ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" ",
     "description": "",
     "tags": null,
     "title": "Tabs",
@@ -650,7 +650,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/tutorrrial/index.html"
   },
   {
-    "content": " Empty Properties Attachments Expand me… aa\n​ ​ ​ ​ ",
+    "content": " Empty Properties Attachments Expand me… aa\n​ ​ ​ ​ ​ ",
     "description": "Test default settings for snippets of the VSCode Front Matter extension",
     "tags": null,
     "title": "VSCode Front Matter",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index c28f5f4188..10bea255ee 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -240,12 +240,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -364,12 +364,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index f631811716..408a0b91c0 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -136,8 +136,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index decde28cf1..0742e7e7ee 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../js/url.js?1686068163"></script>
-    <script src="../js/variant.js?1686068163"></script>
+    <link href="../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../js/url.js?1686074111"></script>
+    <script src="../js/variant.js?1686074111"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068163" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../js/search.js?1686068163" defer></script>
+        <script src="../js/auto-complete.js?1686074111" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068163"></script>
+          <script async src="../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../js/theme.js?1686068163" defer></script>
+    <script src="../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 407ecb73ec..488502b654 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,12 +151,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="fedc2006cdf5050abfe0071eb640f7d7">
+<div class="tab-panel" data-tab-group="4dedf91fde6b3b6efe6567d1a259058c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','shortcode')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -166,7 +167,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','partial')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -465,12 +466,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -589,12 +590,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index f683e04391..cdb3ff82c4 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -108,12 +108,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="fedc2006cdf5050abfe0071eb640f7d7">
+<div class="tab-panel" data-tab-group="4dedf91fde6b3b6efe6567d1a259058c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','shortcode')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -123,7 +124,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','partial')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -345,8 +346,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 245da361de..503f980cce 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -122,12 +122,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="492d1b7e7aaaf62abffbc7b7da415182">
+<div class="tab-panel" data-tab-group="212c51f25f1148da11abda2e74e07211">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','shortcode')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -137,7 +138,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','partial')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -412,12 +413,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -536,12 +537,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 36d4008a8b..e7affa452e 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -86,12 +86,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="492d1b7e7aaaf62abffbc7b7da415182">
+<div class="tab-panel" data-tab-group="212c51f25f1148da11abda2e74e07211">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','shortcode')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -101,7 +102,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','partial')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -299,8 +300,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 04ff767785..d328dd1e35 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -131,12 +131,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="5abc8ccc142a3f08d445475e337ac562">
+<div class="tab-panel" data-tab-group="a52ce5156b02e45ace48fb88cac4c92f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','shortcode')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -146,7 +147,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','partial')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -533,12 +534,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -657,12 +658,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index a763a8288c..28c2327ca0 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +94,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="5abc8ccc142a3f08d445475e337ac562">
+<div class="tab-panel" data-tab-group="a52ce5156b02e45ace48fb88cac4c92f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','shortcode')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -109,7 +110,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','partial')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -419,8 +420,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" 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 f93498e7bf..7c3aeb34bf 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../../../js/variant.js?1686074108"></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
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -317,12 +317,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1686074110" 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 22d7625d1f..e6be180a75 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1686074111" 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 064f3606f2..6051361212 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../../js/variant.js?1686074108"></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,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -332,12 +332,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../../../js/theme.js?1686074110" 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 f0b175166e..1be95bb5f1 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../../../js/theme.js?1686074111" 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 e7ee3be298..687dd84b6b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../js/variant.js?1686074108"></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,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -329,12 +329,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074110" 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 ef9e201e27..a467e0dc00 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074111" 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 9246edc2ed..e27fc3c23b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../js/variant.js?1686074108"></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
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -328,12 +328,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../js/theme.js?1686074110" 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 c3353a467f..69d53fc341 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../js/theme.js?1686074111" 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 e89de06c7e..c60af1def5 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../js/variant.js?1686074108"></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
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074110" 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 ace5c6e6d4..c783f5e1a8 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074111" 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 e5c1cefb6a..0411e24c2e 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../js/variant.js?1686074108"></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
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074110" 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 6645333407..fcc4652d8b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074111" 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 1a3fe42156..f5fc5028ce 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../js/variant.js?1686074108"></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,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -328,12 +328,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../js/theme.js?1686074110" 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 d38ee7460b..166c864cd8 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../js/theme.js?1686074111" 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 e072e96041..065ce66bd2 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../js/variant.js?1686074108"></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,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -311,12 +311,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../../js/theme.js?1686074110" 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 7845bf3c3c..a676c1a213 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../../js/theme.js?1686074111" 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 1612d21c8a..6f486786be 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../js/variant.js?1686074108"></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,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -328,12 +328,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../../js/theme.js?1686074110" 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 487670c037..0b2fb85656 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 8e98c68826..559b08a737 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../js/theme.js?1686074110" 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 435b60ac93..d776f8403f 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 4e54082526..d63a62d343 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -310,12 +310,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../js/theme.js?1686074110" 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 2791e69143..2ebf5d2e7f 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 91b040e8cb..015a09c2c9 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../js/theme.js?1686074110" 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 ba339ea434..49d14bb055 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" 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 b0a7ce09ab..0edb791622 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../js/variant.js?1686074108"></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
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -310,12 +310,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../../js/theme.js?1686074109" 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 ca01d47ffe..31dc27b416 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068163"></script>
-    <script src="../../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074111"></script>
+    <script src="../../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 5d1acdd96f..ce7d6f6e03 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../../js/theme.js?1686074110" 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 b995f5082f..541a0bb1c6 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 0de7275082..68a0255e4d 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -127,12 +127,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="b9a16c9165b7c129a1a70eaea7f3a497">
+<div class="tab-panel" data-tab-group="02223b171bb5f2a72e4a40ada35bfa38">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','shortcode')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -142,7 +143,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','partial')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -402,12 +403,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -526,12 +527,12 @@ So its rrrambl'n be used as descript'n.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index f59c3116ea..c494dc10f1 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -89,12 +89,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="b9a16c9165b7c129a1a70eaea7f3a497">
+<div class="tab-panel" data-tab-group="02223b171bb5f2a72e4a40ada35bfa38">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','shortcode')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -104,7 +105,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','partial')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -509,8 +510,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 695418233a..e415ffea9a 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 2d5e704ac4..9e9d7d69ab 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 251da7e4c1..1cf9269bfe 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,13 +116,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-9ebd99029c9f480db339acd6e45df1fd" aria-controls="expandcontent-9ebd99029c9f480db339acd6e45df1fd" >
-    <label class="expand-label" for="expand-9ebd99029c9f480db339acd6e45df1fd" >
+    <input type="checkbox" id="expand-5fcc721291d40c7a85c79fa804112268" aria-controls="expandcontent-5fcc721291d40c7a85c79fa804112268" >
+    <label class="expand-label" for="expand-5fcc721291d40c7a85c79fa804112268" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9ebd99029c9f480db339acd6e45df1fd" class="expand-content">
+    <div id="expandcontent-5fcc721291d40c7a85c79fa804112268" 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>
@@ -152,12 +152,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="f1006c9a79854670e9a630c39daecc1e">
+<div class="tab-panel" data-tab-group="a09b315cfa718b399ef8e3225e9937ec">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -167,7 +168,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode (positional)')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -177,7 +178,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','partial')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -252,13 +253,13 @@
 <div class="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-d2e3082f5486531f63bc597cf1ebe49b" aria-controls="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" >
-    <label class="expand-label" for="expand-d2e3082f5486531f63bc597cf1ebe49b" >
+    <input type="checkbox" id="expand-e458968a3614fc8a97f1f496ed7de35d" aria-controls="expandcontent-e458968a3614fc8a97f1f496ed7de35d" >
+    <label class="expand-label" for="expand-e458968a3614fc8a97f1f496ed7de35d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" class="expand-content">
+    <div id="expandcontent-e458968a3614fc8a97f1f496ed7de35d" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
@@ -266,13 +267,13 @@ Yes, ye did it!</div>
 <div class="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-547c2e268b6e64a9df771947d6ea6208" aria-controls="expandcontent-547c2e268b6e64a9df771947d6ea6208"  checked>
-    <label class="expand-label" for="expand-547c2e268b6e64a9df771947d6ea6208" >
+    <input type="checkbox" id="expand-3aede560c0a6c9b9326357fd8a8c44f0" aria-controls="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0"  checked>
+    <label class="expand-label" for="expand-3aede560c0a6c9b9326357fd8a8c44f0" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-547c2e268b6e64a9df771947d6ea6208" class="expand-content">
+    <div id="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -294,13 +295,13 @@ No need t' press ye!</div>
 </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-80231d0e5a8a0e73e4ea7df8440d64a1" aria-controls="expandcontent-80231d0e5a8a0e73e4ea7df8440d64a1" >
-    <label class="expand-label" for="expand-80231d0e5a8a0e73e4ea7df8440d64a1" >
+    <input type="checkbox" id="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" aria-controls="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
+    <label class="expand-label" for="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
         <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-80231d0e5a8a0e73e4ea7df8440d64a1" class="expand-content">
+    <div id="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -403,12 +404,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -527,12 +528,12 @@ No need t' press ye!</div>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 1ee33e56cd..06009d80ac 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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-9ebd99029c9f480db339acd6e45df1fd" aria-controls="expandcontent-9ebd99029c9f480db339acd6e45df1fd" >
-    <label class="expand-label" for="expand-9ebd99029c9f480db339acd6e45df1fd" >
+    <input type="checkbox" id="expand-5fcc721291d40c7a85c79fa804112268" aria-controls="expandcontent-5fcc721291d40c7a85c79fa804112268" >
+    <label class="expand-label" for="expand-5fcc721291d40c7a85c79fa804112268" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9ebd99029c9f480db339acd6e45df1fd" class="expand-content">
+    <div id="expandcontent-5fcc721291d40c7a85c79fa804112268" 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>
@@ -116,12 +116,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="f1006c9a79854670e9a630c39daecc1e">
+<div class="tab-panel" data-tab-group="a09b315cfa718b399ef8e3225e9937ec">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -131,7 +132,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode (positional)')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -141,7 +142,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','partial')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -216,13 +217,13 @@
 <div class="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-d2e3082f5486531f63bc597cf1ebe49b" aria-controls="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" >
-    <label class="expand-label" for="expand-d2e3082f5486531f63bc597cf1ebe49b" >
+    <input type="checkbox" id="expand-e458968a3614fc8a97f1f496ed7de35d" aria-controls="expandcontent-e458968a3614fc8a97f1f496ed7de35d" >
+    <label class="expand-label" for="expand-e458968a3614fc8a97f1f496ed7de35d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" class="expand-content">
+    <div id="expandcontent-e458968a3614fc8a97f1f496ed7de35d" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
@@ -230,13 +231,13 @@ Yes, ye did it!</div>
 <div class="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-547c2e268b6e64a9df771947d6ea6208" aria-controls="expandcontent-547c2e268b6e64a9df771947d6ea6208"  checked>
-    <label class="expand-label" for="expand-547c2e268b6e64a9df771947d6ea6208" >
+    <input type="checkbox" id="expand-3aede560c0a6c9b9326357fd8a8c44f0" aria-controls="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0"  checked>
+    <label class="expand-label" for="expand-3aede560c0a6c9b9326357fd8a8c44f0" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-547c2e268b6e64a9df771947d6ea6208" class="expand-content">
+    <div id="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -258,13 +259,13 @@ No need t' press ye!</div>
 </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-80231d0e5a8a0e73e4ea7df8440d64a1" aria-controls="expandcontent-80231d0e5a8a0e73e4ea7df8440d64a1" >
-    <label class="expand-label" for="expand-80231d0e5a8a0e73e4ea7df8440d64a1" >
+    <input type="checkbox" id="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" aria-controls="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
+    <label class="expand-label" for="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
         <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-80231d0e5a8a0e73e4ea7df8440d64a1" class="expand-content">
+    <div id="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -290,8 +291,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 4acc7e00be..d5feaec029 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -124,12 +124,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="37cb87ec0078663a8c13174e22874406">
+<div class="tab-panel" data-tab-group="3e0626ee47e2513b77f3d8ff0f058283">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -139,7 +140,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode (positional)')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -149,7 +150,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','partial')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -326,12 +327,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -450,12 +451,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 8549222e4c..98d9cfc362 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +87,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="37cb87ec0078663a8c13174e22874406">
+<div class="tab-panel" data-tab-group="3e0626ee47e2513b77f3d8ff0f058283">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -102,7 +103,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode (positional)')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -112,7 +113,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','partial')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -212,8 +213,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 8969e3f2d7..9e55931c04 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -115,12 +115,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="10487caeee6f85858e1820eb82ed2819">
+<div class="tab-panel" data-tab-group="d6ed3f68d52c446db967016a73492746">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -130,7 +131,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode (positional)')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -140,7 +141,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','partial')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -314,12 +315,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -438,12 +439,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index cdf1cb46f6..7ff120672c 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +81,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="10487caeee6f85858e1820eb82ed2819">
+<div class="tab-panel" data-tab-group="d6ed3f68d52c446db967016a73492746">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -96,7 +97,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode (positional)')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -106,7 +107,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','partial')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -203,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 88b29968be..b368c4ea71 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../js/search.js?1686068162" defer></script>
+        <script src="../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068162"></script>
+          <script async src="../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../js/theme.js?1686068162" defer></script>
+    <script src="../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 5fbe34f40d..1300a15501 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../js/url.js?1686068163"></script>
-    <script src="../../js/variant.js?1686068163"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../js/url.js?1686074111"></script>
+    <script src="../../js/variant.js?1686074111"></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
@@ -145,12 +145,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="fedc2006cdf5050abfe0071eb640f7d7">
+<div class="tab-panel" data-tab-group="4dedf91fde6b3b6efe6567d1a259058c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','shortcode')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -160,7 +161,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fedc2006cdf5050abfe0071eb640f7d7','partial')"
+      onclick="switchTab('4dedf91fde6b3b6efe6567d1a259058c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -394,12 +395,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="492d1b7e7aaaf62abffbc7b7da415182">
+<div class="tab-panel" data-tab-group="212c51f25f1148da11abda2e74e07211">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','shortcode')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -409,7 +411,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('492d1b7e7aaaf62abffbc7b7da415182','partial')"
+      onclick="switchTab('212c51f25f1148da11abda2e74e07211','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -627,12 +629,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="5abc8ccc142a3f08d445475e337ac562">
+<div class="tab-panel" data-tab-group="a52ce5156b02e45ace48fb88cac4c92f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','shortcode')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -642,7 +645,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('5abc8ccc142a3f08d445475e337ac562','partial')"
+      onclick="switchTab('a52ce5156b02e45ace48fb88cac4c92f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -967,12 +970,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="b9a16c9165b7c129a1a70eaea7f3a497">
+<div class="tab-panel" data-tab-group="02223b171bb5f2a72e4a40ada35bfa38">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','shortcode')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -982,7 +986,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b9a16c9165b7c129a1a70eaea7f3a497','partial')"
+      onclick="switchTab('02223b171bb5f2a72e4a40ada35bfa38','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1393,13 +1397,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-9ebd99029c9f480db339acd6e45df1fd" aria-controls="expandcontent-9ebd99029c9f480db339acd6e45df1fd" >
-    <label class="expand-label" for="expand-9ebd99029c9f480db339acd6e45df1fd" >
+    <input type="checkbox" id="expand-5fcc721291d40c7a85c79fa804112268" aria-controls="expandcontent-5fcc721291d40c7a85c79fa804112268" >
+    <label class="expand-label" for="expand-5fcc721291d40c7a85c79fa804112268" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-9ebd99029c9f480db339acd6e45df1fd" class="expand-content">
+    <div id="expandcontent-5fcc721291d40c7a85c79fa804112268" 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>
@@ -1429,12 +1433,13 @@ So its rrrambl'n be used as descript'n.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="f1006c9a79854670e9a630c39daecc1e">
+<div class="tab-panel" data-tab-group="a09b315cfa718b399ef8e3225e9937ec">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1444,7 +1449,7 @@ So its rrrambl'n be used as descript'n.</p>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','shortcode (positional)')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1454,7 +1459,7 @@ So its rrrambl'n be used as descript'n.</p>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f1006c9a79854670e9a630c39daecc1e','partial')"
+      onclick="switchTab('a09b315cfa718b399ef8e3225e9937ec','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1529,13 +1534,13 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="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-d2e3082f5486531f63bc597cf1ebe49b" aria-controls="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" >
-    <label class="expand-label" for="expand-d2e3082f5486531f63bc597cf1ebe49b" >
+    <input type="checkbox" id="expand-e458968a3614fc8a97f1f496ed7de35d" aria-controls="expandcontent-e458968a3614fc8a97f1f496ed7de35d" >
+    <label class="expand-label" for="expand-e458968a3614fc8a97f1f496ed7de35d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d2e3082f5486531f63bc597cf1ebe49b" class="expand-content">
+    <div id="expandcontent-e458968a3614fc8a97f1f496ed7de35d" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
@@ -1543,13 +1548,13 @@ Yes, ye did it!</div>
 <div class="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-547c2e268b6e64a9df771947d6ea6208" aria-controls="expandcontent-547c2e268b6e64a9df771947d6ea6208"  checked>
-    <label class="expand-label" for="expand-547c2e268b6e64a9df771947d6ea6208" >
+    <input type="checkbox" id="expand-3aede560c0a6c9b9326357fd8a8c44f0" aria-controls="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0"  checked>
+    <label class="expand-label" for="expand-3aede560c0a6c9b9326357fd8a8c44f0" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-547c2e268b6e64a9df771947d6ea6208" class="expand-content">
+    <div id="expandcontent-3aede560c0a6c9b9326357fd8a8c44f0" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1571,13 +1576,13 @@ No need t' press ye!</div>
 </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-80231d0e5a8a0e73e4ea7df8440d64a1" aria-controls="expandcontent-80231d0e5a8a0e73e4ea7df8440d64a1" >
-    <label class="expand-label" for="expand-80231d0e5a8a0e73e4ea7df8440d64a1" >
+    <input type="checkbox" id="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" aria-controls="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
+    <label class="expand-label" for="expand-c2e9c15d0f54c4cff0bd6a7d5c83d629" >
         <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-80231d0e5a8a0e73e4ea7df8440d64a1" class="expand-content">
+    <div id="expandcontent-c2e9c15d0f54c4cff0bd6a7d5c83d629" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1616,12 +1621,13 @@ No need t' press ye!</div>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="37cb87ec0078663a8c13174e22874406">
+<div class="tab-panel" data-tab-group="3e0626ee47e2513b77f3d8ff0f058283">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1631,7 +1637,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','shortcode (positional)')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1641,7 +1647,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('37cb87ec0078663a8c13174e22874406','partial')"
+      onclick="switchTab('3e0626ee47e2513b77f3d8ff0f058283','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1748,12 +1754,13 @@ No need t' press ye!</div>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="10487caeee6f85858e1820eb82ed2819">
+<div class="tab-panel" data-tab-group="d6ed3f68d52c446db967016a73492746">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1763,7 +1770,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','shortcode (positional)')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1773,7 +1780,7 @@ No need t' press ye!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('10487caeee6f85858e1820eb82ed2819','partial')"
+      onclick="switchTab('d6ed3f68d52c446db967016a73492746','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1905,12 +1912,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="7ae73101f8eb9aec863b43d17225de89">
+<div class="tab-panel" data-tab-group="ed7bcec64bbab6e1a93319d3633f6c4a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','codefence')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -1920,7 +1928,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','shortcode')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1930,7 +1938,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','partial')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2106,12 +2114,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="dd38450c1112a30c6965fb16827d2908">
+<div class="tab-panel" data-tab-group="a75fc95fa6107d947a52388e77f9c165">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','codefence')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -2121,7 +2130,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','shortcode')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2131,7 +2140,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','partial')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2683,12 +2692,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="76253c8ffc853c37e9b82cada5502b60">
+<div class="tab-panel" data-tab-group="06e76eac633a9875cf664213b1cfc199">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2698,7 +2708,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode (positional)')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -2708,7 +2718,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','partial')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3062,12 +3072,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="6bdae92535bc250cf22b48066b0a2272">
+<div class="tab-panel" data-tab-group="a5232fda0bd4b0a669a3c87cae08f754">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','shortcode')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3077,7 +3088,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','partial')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3140,7 +3151,7 @@ timeline
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-b5282c7b80d147e7b0a263a586501447"
+    id="openapi-881a97a7bc5b244ba0f9015217fa3ca6"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3161,12 +3172,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="0b3e6baa5169106c8ff9865e6647619a">
+<div class="tab-panel" data-tab-group="92e6227d11077473f7fd33db10d9e16e">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3176,7 +3188,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode (positional)')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -3186,7 +3198,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','partial')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3264,12 +3276,13 @@ timeline
 <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="c097b4833cd41bb486f1b4f91a00ffda">
+<div class="tab-panel" data-tab-group="456478ca47c798eaa8fa5b67690ca57a">
   <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('c097b4833cd41bb486f1b4f91a00ffda','c')"
+      onclick="switchTab('456478ca47c798eaa8fa5b67690ca57a','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3293,6 +3306,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3381,12 +3395,13 @@ timeline
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="8a69c45894eedc81ef256ea635d2148d">
+<div class="tab-panel" data-tab-group="86496aee3dd4856b5a58947934f4bf6b">
   <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('8a69c45894eedc81ef256ea635d2148d','Code')"
+      onclick="switchTab('86496aee3dd4856b5a58947934f4bf6b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3407,12 +3422,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="d44518b99537b71fd2364161a918a95d">
+<div class="tab-panel" data-tab-group="e4080c7019b2501ff892790d9d212e33">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d44518b99537b71fd2364161a918a95d','Mixed')"
+      onclick="switchTab('e4080c7019b2501ff892790d9d212e33','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3462,12 +3478,13 @@ timeline
 </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="baa750571f22c6483e59f2fec1b730e3">
+<div class="tab-panel" data-tab-group="433c06a6c2da4819835489e3146b6850">
   <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('baa750571f22c6483e59f2fec1b730e3','just colored style')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3477,7 +3494,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3487,7 +3504,7 @@ timeline
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','default style an' color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -3497,7 +3514,7 @@ timeline
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','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>
@@ -3507,7 +3524,7 @@ timeline
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','severity style an' 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>
@@ -3580,32 +3597,43 @@ timeline
 <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="0dd2e39c2a04c1371d69c5ec40491409">
+<div class="tab-panel" data-tab-group="830bdfe900a9ea6a3e3f724efdccc7b6">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','python')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','bash')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -3613,11 +3641,19 @@ timeline
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -3628,6 +3664,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3655,17 +3692,22 @@ timeline
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -3676,15 +3718,20 @@ timeline
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -3717,6 +3764,16 @@ timeline
 <td style="text-align:left">Sets a default value fer every contained tab. Can be overridden by each tab. See th' <a href="../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written 'n front o' th' tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
@@ -3728,12 +3785,13 @@ timeline
 <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="f86a566b8333bffe044b38201b4b3839">
+<div class="tab-panel" data-tab-group="36f59c5feb0d17eab6bf386e6b2fd868">
   <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('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 1')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3743,7 +3801,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 2')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3753,7 +3811,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group B')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -3830,6 +3888,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3892,6 +3951,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3936,6 +3996,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3979,7 +4040,7 @@ timeline
 <h3 id="nested-tabs-and-color">Nested Tabs an' Color</h3>
 <p>In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' <code>{{&lt; tab &gt;}}</code> instead o' <code>{{% tab %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.</p>
 <p>Ye can also set various color parameter fer all tabs or just selected ones. See th' <a href="../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">be</span> <span class="nx">poss'ble</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -3995,7 +4056,7 @@ timeline
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -4014,6 +4075,7 @@ timeline
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -4026,7 +4088,7 @@ timeline
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -4046,6 +4108,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -4094,7 +4157,7 @@ timeline
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -4102,6 +4165,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -4157,8 +4221,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.xml b/pir/shortcodes/index.xml
index b2cb75501b..a6114c8052 100644
--- a/pir/shortcodes/index.xml
+++ b/pir/shortcodes/index.xml
@@ -22,7 +22,7 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
       <description>Th&#39; badge shortcode displays little markers &#39;n yer text wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
 Important Version6.6.6 Captain AhoiNew Awesome
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; ay&#39;con=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
+&amp;#8203; shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; ay&#39;con=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
     </item>
     <item>
       <title>Button</title>
@@ -31,7 +31,7 @@ shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% bad
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html</guid>
       <description>Th&#39; button shortcode displays a click&#39;ble button wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
 Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; ay&#39;con=&amp;#34;dragon&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;href&amp;#34; &amp;#34;https://gohugo.</description>
+&amp;#8203; shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; ay&#39;con=&amp;#34;dragon&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;context&amp;#34; .</description>
     </item>
     <item>
       <title>Children</title>
@@ -40,7 +40,7 @@ shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html</guid>
       <description>Th&#39; children shortcode lists th&#39; child planks o&#39; th&#39; current plank an&#39; its descendants.
 plank X plank 1 plank 2 plank 3 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-shortcode shortcode partial partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose th&#39; style used t&#39; group all children.</description>
+&amp;#8203; shortcode shortcode partial partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose th&#39; style used t&#39; group all children.</description>
     </item>
     <item>
       <title>Expand</title>
@@ -64,7 +64,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html</guid>
       <description>Th&#39; ay&#39;con shortcode displays ay&#39;cons us&#39;n th&#39; Font Awesome library.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parameter ye be free t&#39; also call this shortcode from yer own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% ay&#39;con ay&#39;con=&amp;#34;exclamation-triangle&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;context&amp;#34; .</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% ay&#39;con ay&#39;con=&amp;#34;exclamation-triangle&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;context&amp;#34; .</description>
     </item>
     <item>
       <title>Include</title>
@@ -73,7 +73,7 @@ shortcode shortcode shortcode (positional) shortcode (positional) partial partia
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html</guid>
       <description>Th&#39; include shortcode includes other files from yer project inside o&#39; th&#39; current plank.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or also call this shortcode from yer own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.</description>
     </item>
     <item>
       <title>Math</title>
@@ -103,7 +103,7 @@ Arrr Due t&#39; limitat&#39;ns wit&#39; Merrrmaid, it be currently not poss&#39;
       <description>Th&#39; notice shortcode shows various types o&#39; disclaimers wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con t&#39; help ye structure yer plank.
 There may be pirates It be all about th&#39; boxes.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional as well or also call this shortcode from yer own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} It be all about th&#39; boxes.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} It be all about th&#39; boxes.</description>
     </item>
     <item>
       <title>OpenAPI</title>
@@ -122,7 +122,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html</guid>
       <description>Th&#39; siteparam shortcode prints values o&#39; ship params.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or call this shortcode from yer own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &amp;lt;empty&amp;gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &amp;lt;empty&amp;gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.</description>
     </item>
     <item>
       <title>Tab</title>
@@ -132,7 +132,7 @@ shortcode shortcode shortcode (positional) shortcode (positional) partial partia
       <description>Ye can use a tab shortcode t&#39; display a single tab.
 This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
 If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs shortcode.
-c c printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
+&amp;#8203; c c printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
     </item>
     <item>
       <title>Tabs</title>
@@ -142,7 +142,7 @@ c c printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#
       <description>Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
 This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
 If ye just want a single tab ye can instead call th&#39; tab shortcode standalone.
-python python bash bash print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
+hello. py py sh sh c c print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 425862ec59..f07e49191b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -152,12 +152,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="7ae73101f8eb9aec863b43d17225de89">
+<div class="tab-panel" data-tab-group="ed7bcec64bbab6e1a93319d3633f6c4a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','codefence')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -167,7 +168,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','shortcode')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -177,7 +178,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','partial')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -385,12 +386,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -509,12 +510,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index be311e45fb..d78fb0db87 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -109,12 +109,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="7ae73101f8eb9aec863b43d17225de89">
+<div class="tab-panel" data-tab-group="ed7bcec64bbab6e1a93319d3633f6c4a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','codefence')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -124,7 +125,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','shortcode')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -134,7 +135,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7ae73101f8eb9aec863b43d17225de89','partial')"
+      onclick="switchTab('ed7bcec64bbab6e1a93319d3633f6c4a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -265,8 +266,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 09136bae52..5043050bed 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -171,12 +171,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="dd38450c1112a30c6965fb16827d2908">
+<div class="tab-panel" data-tab-group="a75fc95fa6107d947a52388e77f9c165">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','codefence')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -186,7 +187,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','shortcode')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -196,7 +197,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','partial')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -810,12 +811,12 @@ timeline
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -934,12 +935,12 @@ timeline
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 52997e5a09..70a21ae994 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +119,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="dd38450c1112a30c6965fb16827d2908">
+<div class="tab-panel" data-tab-group="a75fc95fa6107d947a52388e77f9c165">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','codefence')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -134,7 +135,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','shortcode')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -144,7 +145,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd38450c1112a30c6965fb16827d2908','partial')"
+      onclick="switchTab('a75fc95fa6107d947a52388e77f9c165','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -681,8 +682,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 7a9ce5224d..3aab913913 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -127,12 +127,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="76253c8ffc853c37e9b82cada5502b60">
+<div class="tab-panel" data-tab-group="06e76eac633a9875cf664213b1cfc199">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -142,7 +143,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode (positional)')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -152,7 +153,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','partial')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -561,12 +562,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -685,12 +686,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index f8945834a4..ccefcd107f 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -89,12 +89,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="76253c8ffc853c37e9b82cada5502b60">
+<div class="tab-panel" data-tab-group="06e76eac633a9875cf664213b1cfc199">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -104,7 +105,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','shortcode (positional)')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -114,7 +115,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('76253c8ffc853c37e9b82cada5502b60','partial')"
+      onclick="switchTab('06e76eac633a9875cf664213b1cfc199','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -446,8 +447,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 13f6329c47..07b8fb8a27 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,12 +130,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="6bdae92535bc250cf22b48066b0a2272">
+<div class="tab-panel" data-tab-group="a5232fda0bd4b0a669a3c87cae08f754">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','shortcode')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -145,7 +146,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','partial')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -208,7 +209,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-b5282c7b80d147e7b0a263a586501447"
+    id="openapi-881a97a7bc5b244ba0f9015217fa3ca6"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -299,12 +300,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -423,12 +424,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index 9aea91ac2f..cddf58d443 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +96,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="6bdae92535bc250cf22b48066b0a2272">
+<div class="tab-panel" data-tab-group="a5232fda0bd4b0a669a3c87cae08f754">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','shortcode')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -111,7 +112,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6bdae92535bc250cf22b48066b0a2272','partial')"
+      onclick="switchTab('a5232fda0bd4b0a669a3c87cae08f754','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -174,7 +175,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-b5282c7b80d147e7b0a263a586501447"
+    id="openapi-881a97a7bc5b244ba0f9015217fa3ca6"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -188,8 +189,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 6b0a36cca8..d334f25736 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="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -115,12 +115,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="0b3e6baa5169106c8ff9865e6647619a">
+<div class="tab-panel" data-tab-group="92e6227d11077473f7fd33db10d9e16e">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -130,7 +131,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode (positional)')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -140,7 +141,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','partial')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -288,12 +289,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -412,12 +413,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 5a3e92d874..67d5669447 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="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +81,13 @@
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
 
-<div class="tab-panel" data-tab-group="0b3e6baa5169106c8ff9865e6647619a">
+<div class="tab-panel" data-tab-group="92e6227d11077473f7fd33db10d9e16e">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -96,7 +97,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','shortcode (positional)')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -106,7 +107,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0b3e6baa5169106c8ff9865e6647619a','partial')"
+      onclick="switchTab('92e6227d11077473f7fd33db10d9e16e','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -177,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 71abf2f76c..893e59f63a 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -117,12 +117,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="c097b4833cd41bb486f1b4f91a00ffda">
+<div class="tab-panel" data-tab-group="456478ca47c798eaa8fa5b67690ca57a">
   <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('c097b4833cd41bb486f1b4f91a00ffda','c')"
+      onclick="switchTab('456478ca47c798eaa8fa5b67690ca57a','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -146,6 +147,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -234,12 +236,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="8a69c45894eedc81ef256ea635d2148d">
+<div class="tab-panel" data-tab-group="86496aee3dd4856b5a58947934f4bf6b">
   <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('8a69c45894eedc81ef256ea635d2148d','Code')"
+      onclick="switchTab('86496aee3dd4856b5a58947934f4bf6b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -260,12 +263,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="d44518b99537b71fd2364161a918a95d">
+<div class="tab-panel" data-tab-group="e4080c7019b2501ff892790d9d212e33">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d44518b99537b71fd2364161a918a95d','Mixed')"
+      onclick="switchTab('e4080c7019b2501ff892790d9d212e33','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -315,12 +319,13 @@
 </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="baa750571f22c6483e59f2fec1b730e3">
+<div class="tab-panel" data-tab-group="433c06a6c2da4819835489e3146b6850">
   <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('baa750571f22c6483e59f2fec1b730e3','just colored style')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -330,7 +335,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -340,7 +345,7 @@
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','default style an' color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -350,7 +355,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','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>
@@ -360,7 +365,7 @@
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','severity style an' 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>
@@ -503,12 +508,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -627,12 +632,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 3e8bd2d372..bfaf765cf4 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,12 +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="c097b4833cd41bb486f1b4f91a00ffda">
+<div class="tab-panel" data-tab-group="456478ca47c798eaa8fa5b67690ca57a">
   <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('c097b4833cd41bb486f1b4f91a00ffda','c')"
+      onclick="switchTab('456478ca47c798eaa8fa5b67690ca57a','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -110,6 +111,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -198,12 +200,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="8a69c45894eedc81ef256ea635d2148d">
+<div class="tab-panel" data-tab-group="86496aee3dd4856b5a58947934f4bf6b">
   <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('8a69c45894eedc81ef256ea635d2148d','Code')"
+      onclick="switchTab('86496aee3dd4856b5a58947934f4bf6b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -224,12 +227,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="d44518b99537b71fd2364161a918a95d">
+<div class="tab-panel" data-tab-group="e4080c7019b2501ff892790d9d212e33">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d44518b99537b71fd2364161a918a95d','Mixed')"
+      onclick="switchTab('e4080c7019b2501ff892790d9d212e33','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -279,12 +283,13 @@
 </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="baa750571f22c6483e59f2fec1b730e3">
+<div class="tab-panel" data-tab-group="433c06a6c2da4819835489e3146b6850">
   <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('baa750571f22c6483e59f2fec1b730e3','just colored style')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -294,7 +299,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -304,7 +309,7 @@
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','default style an' color')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -314,7 +319,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','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>
@@ -324,7 +329,7 @@
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('baa750571f22c6483e59f2fec1b730e3','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('433c06a6c2da4819835489e3146b6850','severity style an' 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>
@@ -390,8 +395,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 085650d6cc..d8f8ec1041 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,32 +116,43 @@
 <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="0dd2e39c2a04c1371d69c5ec40491409">
+<div class="tab-panel" data-tab-group="830bdfe900a9ea6a3e3f724efdccc7b6">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','python')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','bash')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -149,11 +160,19 @@
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -164,6 +183,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -191,17 +211,22 @@
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -212,15 +237,20 @@
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -253,6 +283,16 @@
 <td style="text-align:left">Sets a default value fer every contained tab. Can be overridden by each tab. See th' <a href="../../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written 'n front o' th' tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
@@ -264,12 +304,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="f86a566b8333bffe044b38201b4b3839">
+<div class="tab-panel" data-tab-group="36f59c5feb0d17eab6bf386e6b2fd868">
   <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('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 1')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -279,7 +320,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 2')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -289,7 +330,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group B')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -366,6 +407,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -428,6 +470,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -472,6 +515,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -515,7 +559,7 @@
 <h3 id="nested-tabs-and-color">Nested Tabs an' Color</h3>
 <p>In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' <code>{{&lt; tab &gt;}}</code> instead o' <code>{{% tab %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.</p>
 <p>Ye can also set various color parameter fer all tabs or just selected ones. See th' <a href="../../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">be</span> <span class="nx">poss'ble</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -531,7 +575,7 @@
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -550,6 +594,7 @@
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -562,7 +607,7 @@
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -582,6 +627,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -630,7 +676,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -638,6 +684,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -769,12 +816,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -893,12 +940,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index b32708e3a3..6d61e9a734 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,32 +81,43 @@
 <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="0dd2e39c2a04c1371d69c5ec40491409">
+<div class="tab-panel" data-tab-group="830bdfe900a9ea6a3e3f724efdccc7b6">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','python')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('0dd2e39c2a04c1371d69c5ec40491409','bash')"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('830bdfe900a9ea6a3e3f724efdccc7b6','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -114,11 +125,19 @@
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -129,6 +148,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -156,17 +176,22 @@
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -177,15 +202,20 @@
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderStr'n</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -218,6 +248,16 @@
 <td style="text-align:left">Sets a default value fer every contained tab. Can be overridden by each tab. See th' <a href="../../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written 'n front o' th' tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
@@ -229,12 +269,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="f86a566b8333bffe044b38201b4b3839">
+<div class="tab-panel" data-tab-group="36f59c5feb0d17eab6bf386e6b2fd868">
   <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('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 1')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -244,7 +285,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group A, Tab View 2')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -254,7 +295,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f86a566b8333bffe044b38201b4b3839','Group B')"
+      onclick="switchTab('36f59c5feb0d17eab6bf386e6b2fd868','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -331,6 +372,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -393,6 +435,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -437,6 +480,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -480,7 +524,7 @@
 <h3 id="nested-tabs-and-color">Nested Tabs an' Color</h3>
 <p>In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' <code>{{&lt; tab &gt;}}</code> instead o' <code>{{% tab %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.</p>
 <p>Ye can also set various color parameter fer all tabs or just selected ones. See th' <a href="../../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> fer poss'ble values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">be</span> <span class="nx">poss'ble</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -496,7 +540,7 @@
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -515,6 +559,7 @@
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -527,7 +572,7 @@
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -547,6 +592,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -595,7 +641,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -603,6 +649,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -657,8 +704,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index dcbf008a90..e286d3b98a 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,28 +106,28 @@
 <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-a31ca5ab51c725d797b7a5eafcd9de72" class="lightbox-link">
+<a href="#image-23e1e35143c9b9ee855e6915f7b8f8c8" class="lightbox-link">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a31ca5ab51c725d797b7a5eafcd9de72">
+<a href="javascript:history.back();" class="lightbox" id="image-23e1e35143c9b9ee855e6915f7b8f8c8">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" 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-e85875014d089f4be6b0ce7d28a3cd5a" class="lightbox-link">
+<a href="#image-11a282408c42ecb499afa5492b730531" class="lightbox-link">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e85875014d089f4be6b0ce7d28a3cd5a">
+<a href="javascript:history.back();" class="lightbox" id="image-11a282408c42ecb499afa5492b730531">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" 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-5bad3fb1f5baaa1dad6828969e26c0b0" class="lightbox-link">
+<a href="#image-7b68fddc8d0f0ddc2309f874b78b9936" class="lightbox-link">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5bad3fb1f5baaa1dad6828969e26c0b0">
+<a href="javascript:history.back();" class="lightbox" id="image-7b68fddc8d0f0ddc2309f874b78b9936">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../js/search.js?1686068162" defer></script>
+        <script src="../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -341,12 +341,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068162"></script>
+          <script async src="../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../js/theme.js?1686068162" defer></script>
+    <script src="../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index 007752c319..54fbedde39 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../js/url.js?1686068163"></script>
-    <script src="../../js/variant.js?1686068163"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../js/url.js?1686074111"></script>
+    <script src="../../js/variant.js?1686074111"></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,28 +79,28 @@
 <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-a31ca5ab51c725d797b7a5eafcd9de72" class="lightbox-link">
+<a href="#image-23e1e35143c9b9ee855e6915f7b8f8c8" class="lightbox-link">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a31ca5ab51c725d797b7a5eafcd9de72">
+<a href="javascript:history.back();" class="lightbox" id="image-23e1e35143c9b9ee855e6915f7b8f8c8">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" 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-e85875014d089f4be6b0ce7d28a3cd5a" class="lightbox-link">
+<a href="#image-11a282408c42ecb499afa5492b730531" class="lightbox-link">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e85875014d089f4be6b0ce7d28a3cd5a">
+<a href="javascript:history.back();" class="lightbox" id="image-11a282408c42ecb499afa5492b730531">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" 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-5bad3fb1f5baaa1dad6828969e26c0b0" class="lightbox-link">
+<a href="#image-7b68fddc8d0f0ddc2309f874b78b9936" class="lightbox-link">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5bad3fb1f5baaa1dad6828969e26c0b0">
+<a href="javascript:history.back();" class="lightbox" id="image-7b68fddc8d0f0ddc2309f874b78b9936">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -113,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index fb6afb7391..9afc810a20 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 534597827a..a42a59ec6b 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index b0d0fe3177..5360563750 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -286,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 5bc8da16ca..f3a0ba5bcb 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -294,12 +294,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 98e3cb9cf7..2f008f211c 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../js/search.js?1686068163" defer></script>
+        <script src="../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068163"></script>
+          <script async src="../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 7d33bdf7a8..28fcc59019 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -298,12 +298,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 02179f3b9b..b49cbb58be 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?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -286,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.html b/pir/tests/attach/attach1/index.html
index e9a059e3b2..8f0f5da7f9 100644
--- a/pir/tests/attach/attach1/index.html
+++ b/pir/tests/attach/attach1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -330,12 +330,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.print.html b/pir/tests/attach/attach1/index.print.html
index d917a0df3e..bf5a4c0725 100644
--- a/pir/tests/attach/attach1/index.print.html
+++ b/pir/tests/attach/attach1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.html b/pir/tests/attach/attach2/index.html
index 3f7afe4720..595bf5a75d 100644
--- a/pir/tests/attach/attach2/index.html
+++ b/pir/tests/attach/attach2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -330,12 +330,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.print.html b/pir/tests/attach/attach2/index.print.html
index dcd3686d5d..43d72048cf 100644
--- a/pir/tests/attach/attach2/index.print.html
+++ b/pir/tests/attach/attach2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.html b/pir/tests/attach/attach3/index.html
index c694997fee..2890e4289c 100644
--- a/pir/tests/attach/attach3/index.html
+++ b/pir/tests/attach/attach3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -330,12 +330,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.print.html b/pir/tests/attach/attach3/index.print.html
index 7da2fbefc9..b21fc1e1d0 100644
--- a/pir/tests/attach/attach3/index.print.html
+++ b/pir/tests/attach/attach3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.html b/pir/tests/attach/index.html
index 10db924957..9a55b55e25 100644
--- a/pir/tests/attach/index.html
+++ b/pir/tests/attach/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -332,12 +332,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.print.html b/pir/tests/attach/index.print.html
index 2bd03e97b5..3946afd12b 100644
--- a/pir/tests/attach/index.print.html
+++ b/pir/tests/attach/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.html b/pir/tests/chapters/1/index.html
index 0f8b571869..c17ab4c6ae 100644
--- a/pir/tests/chapters/1/index.html
+++ b/pir/tests/chapters/1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.print.html b/pir/tests/chapters/1/index.print.html
index 42f61d3ed2..3d6ffd1904 100644
--- a/pir/tests/chapters/1/index.print.html
+++ b/pir/tests/chapters/1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.html b/pir/tests/chapters/10/index.html
index 6da7a7e371..45d89aa840 100644
--- a/pir/tests/chapters/10/index.html
+++ b/pir/tests/chapters/10/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.print.html b/pir/tests/chapters/10/index.print.html
index d7adf16bd4..89990cba76 100644
--- a/pir/tests/chapters/10/index.print.html
+++ b/pir/tests/chapters/10/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.html b/pir/tests/chapters/2/index.html
index a7f0cefb04..4a5633da6c 100644
--- a/pir/tests/chapters/2/index.html
+++ b/pir/tests/chapters/2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.print.html b/pir/tests/chapters/2/index.print.html
index 3c31dd117c..c062eb0ab1 100644
--- a/pir/tests/chapters/2/index.print.html
+++ b/pir/tests/chapters/2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.html b/pir/tests/chapters/3/index.html
index f566890b97..2c254c04e4 100644
--- a/pir/tests/chapters/3/index.html
+++ b/pir/tests/chapters/3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.print.html b/pir/tests/chapters/3/index.print.html
index 4f2442f857..d7ddab4a64 100644
--- a/pir/tests/chapters/3/index.print.html
+++ b/pir/tests/chapters/3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.html b/pir/tests/chapters/4/index.html
index 75ca5422f7..478ffcb03d 100644
--- a/pir/tests/chapters/4/index.html
+++ b/pir/tests/chapters/4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.print.html b/pir/tests/chapters/4/index.print.html
index d984f61743..8bd4eef4c4 100644
--- a/pir/tests/chapters/4/index.print.html
+++ b/pir/tests/chapters/4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.html b/pir/tests/chapters/5/index.html
index 5c38209c01..957eb7c003 100644
--- a/pir/tests/chapters/5/index.html
+++ b/pir/tests/chapters/5/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.print.html b/pir/tests/chapters/5/index.print.html
index ac8784d6da..e66c730813 100644
--- a/pir/tests/chapters/5/index.print.html
+++ b/pir/tests/chapters/5/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.html b/pir/tests/chapters/6/index.html
index 48125c0653..1051f0a271 100644
--- a/pir/tests/chapters/6/index.html
+++ b/pir/tests/chapters/6/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.print.html b/pir/tests/chapters/6/index.print.html
index e52d9ff529..ab0f1d9a50 100644
--- a/pir/tests/chapters/6/index.print.html
+++ b/pir/tests/chapters/6/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.html b/pir/tests/chapters/7/index.html
index 303d93c39b..b92808150c 100644
--- a/pir/tests/chapters/7/index.html
+++ b/pir/tests/chapters/7/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.print.html b/pir/tests/chapters/7/index.print.html
index 8e8a10ecfa..7a6159024c 100644
--- a/pir/tests/chapters/7/index.print.html
+++ b/pir/tests/chapters/7/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.html b/pir/tests/chapters/8/index.html
index 724f546258..8ef1257927 100644
--- a/pir/tests/chapters/8/index.html
+++ b/pir/tests/chapters/8/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.print.html b/pir/tests/chapters/8/index.print.html
index 3b64aa5567..a702d24be7 100644
--- a/pir/tests/chapters/8/index.print.html
+++ b/pir/tests/chapters/8/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.html b/pir/tests/chapters/9/index.html
index 0ac8d9d520..501f5f164e 100644
--- a/pir/tests/chapters/9/index.html
+++ b/pir/tests/chapters/9/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../../js/search.js?1686068161" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.print.html b/pir/tests/chapters/9/index.print.html
index 3d4d7a2cc5..54dc789e41 100644
--- a/pir/tests/chapters/9/index.print.html
+++ b/pir/tests/chapters/9/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.html b/pir/tests/chapters/children-1/index.html
index 86d5852409..2a2983c611 100644
--- a/pir/tests/chapters/children-1/index.html
+++ b/pir/tests/chapters/children-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../../js/search.js?1686068162" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -327,12 +327,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.print.html b/pir/tests/chapters/children-1/index.print.html
index 61639b00b6..e86abfc0cb 100644
--- a/pir/tests/chapters/children-1/index.print.html
+++ b/pir/tests/chapters/children-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068163"></script>
-    <script src="../../../../js/variant.js?1686068163"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074111"></script>
+    <script src="../../../../js/variant.js?1686074111"></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
@@ -88,8 +88,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.html b/pir/tests/chapters/index.html
index 72f1bfa809..8440903962 100644
--- a/pir/tests/chapters/index.html
+++ b/pir/tests/chapters/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.print.html b/pir/tests/chapters/index.print.html
index 5af165fdb9..0b82111d28 100644
--- a/pir/tests/chapters/index.print.html
+++ b/pir/tests/chapters/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -200,8 +200,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index ad04f22e81..66fe4424bb 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -216,12 +216,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -362,12 +362,12 @@ Some preformatted stuff 'n HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.print.html b/pir/tests/code/index.print.html
index 5485af4144..b77d6c6d81 100644
--- a/pir/tests/code/index.print.html
+++ b/pir/tests/code/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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 @@ Some preformatted stuff 'n HTML elements
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/frontmatter/index.html b/pir/tests/frontmatter/index.html
index fe4e6ebc02..66babbe8ca 100644
--- a/pir/tests/frontmatter/index.html
+++ b/pir/tests/frontmatter/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/frontmatter/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -121,13 +121,13 @@
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-cd4b5a0b8f7dd63bb5785a5e0e505f77" aria-controls="expandcontent-cd4b5a0b8f7dd63bb5785a5e0e505f77" >
-    <label class="expand-label" for="expand-cd4b5a0b8f7dd63bb5785a5e0e505f77" >
+    <input type="checkbox" id="expand-ab458c5f2f0247091a995fcf53805daf" aria-controls="expandcontent-ab458c5f2f0247091a995fcf53805daf" >
+    <label class="expand-label" for="expand-ab458c5f2f0247091a995fcf53805daf" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-cd4b5a0b8f7dd63bb5785a5e0e505f77" class="expand-content">
+    <div id="expandcontent-ab458c5f2f0247091a995fcf53805daf" class="expand-content">
 <p>
 </div>
 </div>
@@ -147,17 +147,18 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-5dfddd940372239011de23cffb5fa2da"
+    id="openapi-17367d825a32dac68a2d85347b1249c7"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="792f4da920470eceb80126b101e26426">
+<div class="tab-panel" data-tab-group="a5027e8e8593f42a1964a66b9381140c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('792f4da920470eceb80126b101e26426','')"
+      onclick="switchTab('a5027e8e8593f42a1964a66b9381140c','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -167,7 +168,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('792f4da920470eceb80126b101e26426','')"
+      onclick="switchTab('a5027e8e8593f42a1964a66b9381140c','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -279,12 +280,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -425,12 +426,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/frontmatter/index.print.html b/pir/tests/frontmatter/index.print.html
index 858d42b863..a628cf59c5 100644
--- a/pir/tests/frontmatter/index.print.html
+++ b/pir/tests/frontmatter/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/frontmatter/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,13 +96,13 @@
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-cd4b5a0b8f7dd63bb5785a5e0e505f77" aria-controls="expandcontent-cd4b5a0b8f7dd63bb5785a5e0e505f77" >
-    <label class="expand-label" for="expand-cd4b5a0b8f7dd63bb5785a5e0e505f77" >
+    <input type="checkbox" id="expand-ab458c5f2f0247091a995fcf53805daf" aria-controls="expandcontent-ab458c5f2f0247091a995fcf53805daf" >
+    <label class="expand-label" for="expand-ab458c5f2f0247091a995fcf53805daf" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-cd4b5a0b8f7dd63bb5785a5e0e505f77" class="expand-content">
+    <div id="expandcontent-ab458c5f2f0247091a995fcf53805daf" class="expand-content">
 <p>
 </div>
 </div>
@@ -122,17 +122,18 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-5dfddd940372239011de23cffb5fa2da"
+    id="openapi-17367d825a32dac68a2d85347b1249c7"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="792f4da920470eceb80126b101e26426">
+<div class="tab-panel" data-tab-group="a5027e8e8593f42a1964a66b9381140c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('792f4da920470eceb80126b101e26426','')"
+      onclick="switchTab('a5027e8e8593f42a1964a66b9381140c','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -142,7 +143,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('792f4da920470eceb80126b101e26426','')"
+      onclick="switchTab('a5027e8e8593f42a1964a66b9381140c','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -177,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index fb6f341f27..ae004da9f6 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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,63 +126,63 @@
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-68526d7a37ed553ceeefde8f2161df50" class="lightbox-link">
+<a href="#image-cec1d3940d44bb8c5260fbdd30f36dea" class="lightbox-link">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-68526d7a37ed553ceeefde8f2161df50">
+<a href="javascript:history.back();" class="lightbox" id="image-cec1d3940d44bb8c5260fbdd30f36dea">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-7a666671b3c5dec8b91684dae46a7630" class="lightbox-link">
+<a href="#image-525616bc5c5984c33fbe016837a68e76" class="lightbox-link">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a666671b3c5dec8b91684dae46a7630">
+<a href="javascript:history.back();" class="lightbox" id="image-525616bc5c5984c33fbe016837a68e76">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-d04fe53ffef99a398624fcca96c9bd6f" class="lightbox-link">
+<a href="#image-2d7f4165e38a63503d84749b048ec4a1" class="lightbox-link">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d04fe53ffef99a398624fcca96c9bd6f">
+<a href="javascript:history.back();" class="lightbox" id="image-2d7f4165e38a63503d84749b048ec4a1">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-22639a98e80c4032a3f523f734b60f6f" class="lightbox-link">
+<a href="#image-7062811b1eb15466954040773269af33" class="lightbox-link">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-22639a98e80c4032a3f523f734b60f6f">
+<a href="javascript:history.back();" class="lightbox" id="image-7062811b1eb15466954040773269af33">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-5ca64fa24c079a9097d2eb2d69f749b7" class="lightbox-link">
+<a href="#image-fd78de3545a059fc399e333373c17984" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5ca64fa24c079a9097d2eb2d69f749b7">
+<a href="javascript:history.back();" class="lightbox" id="image-fd78de3545a059fc399e333373c17984">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-4c52e22ca5ac64ef317c4ee5d7927d33" class="lightbox-link">
+<a href="#image-43f2e6e5814a6e2a55e8f40911e819f8" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4c52e22ca5ac64ef317c4ee5d7927d33">
+<a href="javascript:history.back();" class="lightbox" id="image-43f2e6e5814a6e2a55e8f40911e819f8">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-84427b263713c631807f8436d75c25db" class="lightbox-link">
+<a href="#image-d720c6ac2f371cc5774b4cff7f8f0f8e" class="lightbox-link">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-84427b263713c631807f8436d75c25db">
+<a href="javascript:history.back();" class="lightbox" id="image-d720c6ac2f371cc5774b4cff7f8f0f8e">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -287,12 +287,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../../js/search.js?1686068162" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -433,12 +433,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068162"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../../js/theme.js?1686068162" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.print.html b/pir/tests/images/index.print.html
index 3afa7feccb..147ba8cb9b 100644
--- a/pir/tests/images/index.print.html
+++ b/pir/tests/images/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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,63 +80,63 @@
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-68526d7a37ed553ceeefde8f2161df50" class="lightbox-link">
+<a href="#image-cec1d3940d44bb8c5260fbdd30f36dea" class="lightbox-link">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-68526d7a37ed553ceeefde8f2161df50">
+<a href="javascript:history.back();" class="lightbox" id="image-cec1d3940d44bb8c5260fbdd30f36dea">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-7a666671b3c5dec8b91684dae46a7630" class="lightbox-link">
+<a href="#image-525616bc5c5984c33fbe016837a68e76" class="lightbox-link">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a666671b3c5dec8b91684dae46a7630">
+<a href="javascript:history.back();" class="lightbox" id="image-525616bc5c5984c33fbe016837a68e76">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-d04fe53ffef99a398624fcca96c9bd6f" class="lightbox-link">
+<a href="#image-2d7f4165e38a63503d84749b048ec4a1" class="lightbox-link">
 <img src="../../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d04fe53ffef99a398624fcca96c9bd6f">
+<a href="javascript:history.back();" class="lightbox" id="image-2d7f4165e38a63503d84749b048ec4a1">
 <img src="../../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-22639a98e80c4032a3f523f734b60f6f" class="lightbox-link">
+<a href="#image-7062811b1eb15466954040773269af33" class="lightbox-link">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-22639a98e80c4032a3f523f734b60f6f">
+<a href="javascript:history.back();" class="lightbox" id="image-7062811b1eb15466954040773269af33">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-5ca64fa24c079a9097d2eb2d69f749b7" class="lightbox-link">
+<a href="#image-fd78de3545a059fc399e333373c17984" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5ca64fa24c079a9097d2eb2d69f749b7">
+<a href="javascript:history.back();" class="lightbox" id="image-fd78de3545a059fc399e333373c17984">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-4c52e22ca5ac64ef317c4ee5d7927d33" class="lightbox-link">
+<a href="#image-43f2e6e5814a6e2a55e8f40911e819f8" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4c52e22ca5ac64ef317c4ee5d7927d33">
+<a href="javascript:history.back();" class="lightbox" id="image-43f2e6e5814a6e2a55e8f40911e819f8">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-84427b263713c631807f8436d75c25db" class="lightbox-link">
+<a href="#image-d720c6ac2f371cc5774b4cff7f8f0f8e" class="lightbox-link">
 <img src="../../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-84427b263713c631807f8436d75c25db">
+<a href="javascript:history.back();" class="lightbox" id="image-d720c6ac2f371cc5774b4cff7f8f0f8e">
 <img src="../../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -164,8 +164,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index f2dad1b346..94a6eeecd7 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068162" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068162" defer></script>
-        <script src="../../js/search.js?1686068162" defer></script>
+        <script src="../../js/auto-complete.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074110" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074110" defer></script>
+        <script src="../../js/search.js?1686074110" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -337,12 +337,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068162"></script>
+          <script async src="../../js/buttons.js?1686074110"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068162" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068162" defer></script>
-    <script src="../../js/theme.js?1686068162" defer></script>
+    <script src="../../js/clipboard.min.js?1686074110" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074110" defer></script>
+    <script src="../../js/theme.js?1686074110" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.print.html b/pir/tests/index.print.html
index bde4d378e9..4b7de57a8b 100644
--- a/pir/tests/index.print.html
+++ b/pir/tests/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../js/url.js?1686068163"></script>
-    <script src="../../js/variant.js?1686068163"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../js/url.js?1686074111"></script>
+    <script src="../../js/variant.js?1686074111"></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
@@ -352,63 +352,63 @@ Some preformatted stuff 'n HTML elements
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-68526d7a37ed553ceeefde8f2161df50" class="lightbox-link">
+<a href="#image-cec1d3940d44bb8c5260fbdd30f36dea" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-68526d7a37ed553ceeefde8f2161df50">
+<a href="javascript:history.back();" class="lightbox" id="image-cec1d3940d44bb8c5260fbdd30f36dea">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-7a666671b3c5dec8b91684dae46a7630" class="lightbox-link">
+<a href="#image-525616bc5c5984c33fbe016837a68e76" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a666671b3c5dec8b91684dae46a7630">
+<a href="javascript:history.back();" class="lightbox" id="image-525616bc5c5984c33fbe016837a68e76">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-d04fe53ffef99a398624fcca96c9bd6f" class="lightbox-link">
+<a href="#image-2d7f4165e38a63503d84749b048ec4a1" class="lightbox-link">
 <img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d04fe53ffef99a398624fcca96c9bd6f">
+<a href="javascript:history.back();" class="lightbox" id="image-2d7f4165e38a63503d84749b048ec4a1">
 <img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-22639a98e80c4032a3f523f734b60f6f" class="lightbox-link">
+<a href="#image-7062811b1eb15466954040773269af33" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-22639a98e80c4032a3f523f734b60f6f">
+<a href="javascript:history.back();" class="lightbox" id="image-7062811b1eb15466954040773269af33">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-5ca64fa24c079a9097d2eb2d69f749b7" class="lightbox-link">
+<a href="#image-fd78de3545a059fc399e333373c17984" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5ca64fa24c079a9097d2eb2d69f749b7">
+<a href="javascript:history.back();" class="lightbox" id="image-fd78de3545a059fc399e333373c17984">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-4c52e22ca5ac64ef317c4ee5d7927d33" class="lightbox-link">
+<a href="#image-43f2e6e5814a6e2a55e8f40911e819f8" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4c52e22ca5ac64ef317c4ee5d7927d33">
+<a href="javascript:history.back();" class="lightbox" id="image-43f2e6e5814a6e2a55e8f40911e819f8">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-84427b263713c631807f8436d75c25db" class="lightbox-link">
+<a href="#image-d720c6ac2f371cc5774b4cff7f8f0f8e" class="lightbox-link">
 <img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-84427b263713c631807f8436d75c25db">
+<a href="javascript:history.back();" class="lightbox" id="image-d720c6ac2f371cc5774b4cff7f8f0f8e">
 <img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -558,25 +558,25 @@ Some preformatted stuff 'n HTML elements
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-5c16f55256d3defd287e868e0474bbaf" aria-controls="expandcontent-5c16f55256d3defd287e868e0474bbaf" >
-    <label class="expand-label" for="expand-5c16f55256d3defd287e868e0474bbaf" >
+    <input type="checkbox" id="expand-f2ec3fc2386ee904dde6fe76d4f096af" aria-controls="expandcontent-f2ec3fc2386ee904dde6fe76d4f096af" >
+    <label class="expand-label" for="expand-f2ec3fc2386ee904dde6fe76d4f096af" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5c16f55256d3defd287e868e0474bbaf" class="expand-content">
+    <div id="expandcontent-f2ec3fc2386ee904dde6fe76d4f096af" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-78f68739545f68f21df58152fea1403d" aria-controls="expandcontent-78f68739545f68f21df58152fea1403d" >
-    <label class="expand-label" for="expand-78f68739545f68f21df58152fea1403d" >
+    <input type="checkbox" id="expand-d106caa3548b4ebdc441b1091ca88629" aria-controls="expandcontent-d106caa3548b4ebdc441b1091ca88629" >
+    <label class="expand-label" for="expand-d106caa3548b4ebdc441b1091ca88629" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-78f68739545f68f21df58152fea1403d" class="expand-content">
+    <div id="expandcontent-d106caa3548b4ebdc441b1091ca88629" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
@@ -740,12 +740,13 @@ Thank ye!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="eb1305b8a939f296e1b5668cbe6b17d5">
+<div class="tab-panel" data-tab-group="69ff127a187c5448f56acc839f2102ba">
   <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('eb1305b8a939f296e1b5668cbe6b17d5','python')"
+      onclick="switchTab('69ff127a187c5448f56acc839f2102ba','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -755,7 +756,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('eb1305b8a939f296e1b5668cbe6b17d5','bash')"
+      onclick="switchTab('69ff127a187c5448f56acc839f2102ba','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -783,12 +784,13 @@ Thank ye!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="bc091f9812f6249c499dbd902afeb62d">
+<div class="tab-panel" data-tab-group="94841d943c707ee9bc3b3c9908fce36d">
   <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('bc091f9812f6249c499dbd902afeb62d','python')"
+      onclick="switchTab('94841d943c707ee9bc3b3c9908fce36d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -798,7 +800,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bc091f9812f6249c499dbd902afeb62d','bash')"
+      onclick="switchTab('94841d943c707ee9bc3b3c9908fce36d','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1061,10 +1063,10 @@ Thank ye!</div>
 <tr>
 <td>
 		
-<a href="#image-60c22936af4fe8ea5a780b63a8d08a56" class="lightbox-link">
+<a href="#image-6099225ed9c44ebef1245e963433d4bc" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-60c22936af4fe8ea5a780b63a8d08a56">
+<a href="javascript:history.back();" class="lightbox" id="image-6099225ed9c44ebef1245e963433d4bc">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -1147,13 +1149,13 @@ Thank ye!</div>
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-72e7f2813c61ab7ed2364c523fed19bd" aria-controls="expandcontent-72e7f2813c61ab7ed2364c523fed19bd" >
-    <label class="expand-label" for="expand-72e7f2813c61ab7ed2364c523fed19bd" >
+    <input type="checkbox" id="expand-17a9374d5079ab2e550b0a0ee1281c0e" aria-controls="expandcontent-17a9374d5079ab2e550b0a0ee1281c0e" >
+    <label class="expand-label" for="expand-17a9374d5079ab2e550b0a0ee1281c0e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-72e7f2813c61ab7ed2364c523fed19bd" class="expand-content">
+    <div id="expandcontent-17a9374d5079ab2e550b0a0ee1281c0e" class="expand-content">
 <p>
 Thank ye!</div>
 </div></td>
@@ -1264,12 +1266,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="656fda33ecb9dfc4545b5199ae8c7013">
+<div class="tab-panel" data-tab-group="906cf8f8df1d549035c59873098f5d5a">
   <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('656fda33ecb9dfc4545b5199ae8c7013','python')"
+      onclick="switchTab('906cf8f8df1d549035c59873098f5d5a','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1279,7 +1282,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('656fda33ecb9dfc4545b5199ae8c7013','bash')"
+      onclick="switchTab('906cf8f8df1d549035c59873098f5d5a','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1350,13 +1353,13 @@ graph LR;
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-cd4b5a0b8f7dd63bb5785a5e0e505f77" aria-controls="expandcontent-cd4b5a0b8f7dd63bb5785a5e0e505f77" >
-    <label class="expand-label" for="expand-cd4b5a0b8f7dd63bb5785a5e0e505f77" >
+    <input type="checkbox" id="expand-ab458c5f2f0247091a995fcf53805daf" aria-controls="expandcontent-ab458c5f2f0247091a995fcf53805daf" >
+    <label class="expand-label" for="expand-ab458c5f2f0247091a995fcf53805daf" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-cd4b5a0b8f7dd63bb5785a5e0e505f77" class="expand-content">
+    <div id="expandcontent-ab458c5f2f0247091a995fcf53805daf" class="expand-content">
 <p>
 </div>
 </div>
@@ -1376,17 +1379,18 @@ graph LR;
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-5dfddd940372239011de23cffb5fa2da"
+    id="openapi-17367d825a32dac68a2d85347b1249c7"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="792f4da920470eceb80126b101e26426">
+<div class="tab-panel" data-tab-group="a5027e8e8593f42a1964a66b9381140c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('792f4da920470eceb80126b101e26426','')"
+      onclick="switchTab('a5027e8e8593f42a1964a66b9381140c','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1396,7 +1400,7 @@ graph LR;
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('792f4da920470eceb80126b101e26426','')"
+      onclick="switchTab('a5027e8e8593f42a1964a66b9381140c','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1461,8 +1465,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../js/theme.js?1686068163" defer></script>
+    <script src="../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.xml b/pir/tests/index.xml
index b68610c868..31b0992dc1 100644
--- a/pir/tests/index.xml
+++ b/pir/tests/index.xml
@@ -89,7 +89,7 @@ HTML Line II i Marrrkdown Multicell I Marrrkdown Multicell II Head&#39;ns i HTML
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/frontmatter/index.html</guid>
       <description> Empty Properties Attachments Expand me&amp;hellip; aa
-&amp;#8203; &amp;#8203; &amp;#8203; &amp;#8203; </description>
+&amp;#8203; &amp;#8203; &amp;#8203; &amp;#8203; &amp;#8203; </description>
     </item>
     <item>
       <title>Width</title>
diff --git a/pir/tests/lists/index.html b/pir/tests/lists/index.html
index 6c87e56167..e0a6116ade 100644
--- a/pir/tests/lists/index.html
+++ b/pir/tests/lists/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/lists/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -232,25 +232,25 @@
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-5c16f55256d3defd287e868e0474bbaf" aria-controls="expandcontent-5c16f55256d3defd287e868e0474bbaf" >
-    <label class="expand-label" for="expand-5c16f55256d3defd287e868e0474bbaf" >
+    <input type="checkbox" id="expand-f2ec3fc2386ee904dde6fe76d4f096af" aria-controls="expandcontent-f2ec3fc2386ee904dde6fe76d4f096af" >
+    <label class="expand-label" for="expand-f2ec3fc2386ee904dde6fe76d4f096af" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5c16f55256d3defd287e868e0474bbaf" class="expand-content">
+    <div id="expandcontent-f2ec3fc2386ee904dde6fe76d4f096af" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-78f68739545f68f21df58152fea1403d" aria-controls="expandcontent-78f68739545f68f21df58152fea1403d" >
-    <label class="expand-label" for="expand-78f68739545f68f21df58152fea1403d" >
+    <input type="checkbox" id="expand-d106caa3548b4ebdc441b1091ca88629" aria-controls="expandcontent-d106caa3548b4ebdc441b1091ca88629" >
+    <label class="expand-label" for="expand-d106caa3548b4ebdc441b1091ca88629" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-78f68739545f68f21df58152fea1403d" class="expand-content">
+    <div id="expandcontent-d106caa3548b4ebdc441b1091ca88629" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
@@ -414,12 +414,13 @@ Thank ye!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="eb1305b8a939f296e1b5668cbe6b17d5">
+<div class="tab-panel" data-tab-group="69ff127a187c5448f56acc839f2102ba">
   <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('eb1305b8a939f296e1b5668cbe6b17d5','python')"
+      onclick="switchTab('69ff127a187c5448f56acc839f2102ba','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -429,7 +430,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('eb1305b8a939f296e1b5668cbe6b17d5','bash')"
+      onclick="switchTab('69ff127a187c5448f56acc839f2102ba','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -457,12 +458,13 @@ Thank ye!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="bc091f9812f6249c499dbd902afeb62d">
+<div class="tab-panel" data-tab-group="94841d943c707ee9bc3b3c9908fce36d">
   <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('bc091f9812f6249c499dbd902afeb62d','python')"
+      onclick="switchTab('94841d943c707ee9bc3b3c9908fce36d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -472,7 +474,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bc091f9812f6249c499dbd902afeb62d','bash')"
+      onclick="switchTab('94841d943c707ee9bc3b3c9908fce36d','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -599,12 +601,12 @@ Thank ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -745,12 +747,12 @@ Thank ye!</div>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/lists/index.print.html b/pir/tests/lists/index.print.html
index 691f320e23..83fd629b3c 100644
--- a/pir/tests/lists/index.print.html
+++ b/pir/tests/lists/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/lists/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -195,25 +195,25 @@
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-5c16f55256d3defd287e868e0474bbaf" aria-controls="expandcontent-5c16f55256d3defd287e868e0474bbaf" >
-    <label class="expand-label" for="expand-5c16f55256d3defd287e868e0474bbaf" >
+    <input type="checkbox" id="expand-f2ec3fc2386ee904dde6fe76d4f096af" aria-controls="expandcontent-f2ec3fc2386ee904dde6fe76d4f096af" >
+    <label class="expand-label" for="expand-f2ec3fc2386ee904dde6fe76d4f096af" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5c16f55256d3defd287e868e0474bbaf" class="expand-content">
+    <div id="expandcontent-f2ec3fc2386ee904dde6fe76d4f096af" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-78f68739545f68f21df58152fea1403d" aria-controls="expandcontent-78f68739545f68f21df58152fea1403d" >
-    <label class="expand-label" for="expand-78f68739545f68f21df58152fea1403d" >
+    <input type="checkbox" id="expand-d106caa3548b4ebdc441b1091ca88629" aria-controls="expandcontent-d106caa3548b4ebdc441b1091ca88629" >
+    <label class="expand-label" for="expand-d106caa3548b4ebdc441b1091ca88629" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-78f68739545f68f21df58152fea1403d" class="expand-content">
+    <div id="expandcontent-d106caa3548b4ebdc441b1091ca88629" class="expand-content">
 <p>
 Thank ye!</div>
 </div>
@@ -377,12 +377,13 @@ Thank ye!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="eb1305b8a939f296e1b5668cbe6b17d5">
+<div class="tab-panel" data-tab-group="69ff127a187c5448f56acc839f2102ba">
   <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('eb1305b8a939f296e1b5668cbe6b17d5','python')"
+      onclick="switchTab('69ff127a187c5448f56acc839f2102ba','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -392,7 +393,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('eb1305b8a939f296e1b5668cbe6b17d5','bash')"
+      onclick="switchTab('69ff127a187c5448f56acc839f2102ba','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -420,12 +421,13 @@ Thank ye!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="bc091f9812f6249c499dbd902afeb62d">
+<div class="tab-panel" data-tab-group="94841d943c707ee9bc3b3c9908fce36d">
   <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('bc091f9812f6249c499dbd902afeb62d','python')"
+      onclick="switchTab('94841d943c707ee9bc3b3c9908fce36d','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -435,7 +437,7 @@ Thank ye!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bc091f9812f6249c499dbd902afeb62d','bash')"
+      onclick="switchTab('94841d943c707ee9bc3b3c9908fce36d','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -485,8 +487,8 @@ Thank ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.html b/pir/tests/tables/index.html
index 500d4819de..2717723996 100644
--- a/pir/tests/tables/index.html
+++ b/pir/tests/tables/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -317,10 +317,10 @@
 <tr>
 <td>
 		
-<a href="#image-60c22936af4fe8ea5a780b63a8d08a56" class="lightbox-link">
+<a href="#image-6099225ed9c44ebef1245e963433d4bc" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-60c22936af4fe8ea5a780b63a8d08a56">
+<a href="javascript:history.back();" class="lightbox" id="image-6099225ed9c44ebef1245e963433d4bc">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -403,13 +403,13 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-72e7f2813c61ab7ed2364c523fed19bd" aria-controls="expandcontent-72e7f2813c61ab7ed2364c523fed19bd" >
-    <label class="expand-label" for="expand-72e7f2813c61ab7ed2364c523fed19bd" >
+    <input type="checkbox" id="expand-17a9374d5079ab2e550b0a0ee1281c0e" aria-controls="expandcontent-17a9374d5079ab2e550b0a0ee1281c0e" >
+    <label class="expand-label" for="expand-17a9374d5079ab2e550b0a0ee1281c0e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-72e7f2813c61ab7ed2364c523fed19bd" class="expand-content">
+    <div id="expandcontent-17a9374d5079ab2e550b0a0ee1281c0e" class="expand-content">
 <p>
 Thank ye!</div>
 </div></td>
@@ -520,12 +520,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="656fda33ecb9dfc4545b5199ae8c7013">
+<div class="tab-panel" data-tab-group="906cf8f8df1d549035c59873098f5d5a">
   <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('656fda33ecb9dfc4545b5199ae8c7013','python')"
+      onclick="switchTab('906cf8f8df1d549035c59873098f5d5a','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -535,7 +536,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('656fda33ecb9dfc4545b5199ae8c7013','bash')"
+      onclick="switchTab('906cf8f8df1d549035c59873098f5d5a','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -660,12 +661,12 @@ graph LR;
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068163" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068163" defer></script>
-        <script src="../../../js/search.js?1686068163" defer></script>
+        <script src="../../../js/auto-complete.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074111" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074111" defer></script>
+        <script src="../../../js/search.js?1686074111" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -806,12 +807,12 @@ graph LR;
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068163"></script>
+          <script async src="../../../js/buttons.js?1686074111"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.print.html b/pir/tests/tables/index.print.html
index a4a915ea50..2ad0cc2493 100644
--- a/pir/tests/tables/index.print.html
+++ b/pir/tests/tables/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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
@@ -286,10 +286,10 @@
 <tr>
 <td>
 		
-<a href="#image-60c22936af4fe8ea5a780b63a8d08a56" class="lightbox-link">
+<a href="#image-6099225ed9c44ebef1245e963433d4bc" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-60c22936af4fe8ea5a780b63a8d08a56">
+<a href="javascript:history.back();" class="lightbox" id="image-6099225ed9c44ebef1245e963433d4bc">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -372,13 +372,13 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-72e7f2813c61ab7ed2364c523fed19bd" aria-controls="expandcontent-72e7f2813c61ab7ed2364c523fed19bd" >
-    <label class="expand-label" for="expand-72e7f2813c61ab7ed2364c523fed19bd" >
+    <input type="checkbox" id="expand-17a9374d5079ab2e550b0a0ee1281c0e" aria-controls="expandcontent-17a9374d5079ab2e550b0a0ee1281c0e" >
+    <label class="expand-label" for="expand-17a9374d5079ab2e550b0a0ee1281c0e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-72e7f2813c61ab7ed2364c523fed19bd" class="expand-content">
+    <div id="expandcontent-17a9374d5079ab2e550b0a0ee1281c0e" class="expand-content">
 <p>
 Thank ye!</div>
 </div></td>
@@ -489,12 +489,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="656fda33ecb9dfc4545b5199ae8c7013">
+<div class="tab-panel" data-tab-group="906cf8f8df1d549035c59873098f5d5a">
   <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('656fda33ecb9dfc4545b5199ae8c7013','python')"
+      onclick="switchTab('906cf8f8df1d549035c59873098f5d5a','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -504,7 +505,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('656fda33ecb9dfc4545b5199ae8c7013','bash')"
+      onclick="switchTab('906cf8f8df1d549035c59873098f5d5a','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -552,8 +553,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.html b/pir/tests/width/index.html
index 166356533b..dcbcc80d6e 100644
--- a/pir/tests/width/index.html
+++ b/pir/tests/width/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068161" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068161" defer></script>
-        <script src="../../../js/search.js?1686068161" defer></script>
+        <script src="../../../js/auto-complete.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074109" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074109" defer></script>
+        <script src="../../../js/search.js?1686074109" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -340,12 +340,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068161"></script>
+          <script async src="../../../js/buttons.js?1686074109"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068161" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068161" defer></script>
-    <script src="../../../js/theme.js?1686068161" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074109" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074109" defer></script>
+    <script src="../../../js/theme.js?1686074109" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.print.html b/pir/tests/width/index.print.html
index 70be20777f..6bf6ddac4c 100644
--- a/pir/tests/width/index.print.html
+++ b/pir/tests/width/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068160" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074108" 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?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068163" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068163" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068163" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068163" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068163" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068163" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068163" rel="stylesheet">
-    <link href="../../../css/print.css?1686068163" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068163" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068163" rel="stylesheet">
-    <script src="../../../js/url.js?1686068163"></script>
-    <script src="../../../js/variant.js?1686068163"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074111" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074111" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074111" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074111" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074111" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074111" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074111" rel="stylesheet">
+    <link href="../../../css/print.css?1686074111" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074111" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074111" rel="stylesheet">
+    <script src="../../../js/url.js?1686074111"></script>
+    <script src="../../../js/variant.js?1686074111"></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?1686068163" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068163" defer></script>
-    <script src="../../../js/theme.js?1686068163" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074111" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074111" defer></script>
+    <script src="../../../js/theme.js?1686074111" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 2e2d963d75..4ec2779856 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="./css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="./css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1686068160" rel="stylesheet">
-    <link href="./css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1686068160" rel="stylesheet">
-    <link href="./css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1686068160" rel="stylesheet">
-    <script src="./js/url.js?1686068160"></script>
-    <script src="./js/variant.js?1686068160"></script>
+    <link href="./css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="./css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="./css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1686074108" rel="stylesheet">
+    <link href="./css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1686074108" rel="stylesheet">
+    <link href="./css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1686074108" rel="stylesheet">
+    <script src="./js/url.js?1686074108"></script>
+    <script src="./js/variant.js?1686074108"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1686068160" defer></script>
-        <script src="./js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="./js/search.js?1686068160" defer></script>
+        <script src="./js/auto-complete.js?1686074108" defer></script>
+        <script src="./js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="./js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1686068160"></script>
+          <script async src="./js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1686068160" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="./js/theme.js?1686068160" defer></script>
+    <script src="./js/clipboard.min.js?1686074108" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="./js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index a7db1869bc..ed9b0cfcc8 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -143,12 +143,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c3b05835e02b4868c9bd63a83c3bdebf">
+<div class="tab-panel" data-tab-group="de02d4bdb0d4c717f043e27da396477f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','shortcode')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -158,7 +159,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','partial')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -456,12 +457,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -580,12 +581,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 0f67960464..d01c82feab 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +100,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c3b05835e02b4868c9bd63a83c3bdebf">
+<div class="tab-panel" data-tab-group="de02d4bdb0d4c717f043e27da396477f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','shortcode')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -115,7 +116,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','partial')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -336,8 +337,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index fa6338d1c6..1640bb76fd 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -121,12 +121,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fac35b572c3bf621acf2b05e6ab1a0f2">
+<div class="tab-panel" data-tab-group="e55e27c4d8f2e1dd84f9eb70fa16f40c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','shortcode')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -136,7 +137,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','partial')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -410,12 +411,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -534,12 +535,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 6f0274d9a0..b3974474f9 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -85,12 +85,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fac35b572c3bf621acf2b05e6ab1a0f2">
+<div class="tab-panel" data-tab-group="e55e27c4d8f2e1dd84f9eb70fa16f40c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','shortcode')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -100,7 +101,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','partial')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -297,8 +298,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 41b3f58d2b..23a605f73a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +130,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="31ed992f5f1aba73e2786bc6e6be012c">
+<div class="tab-panel" data-tab-group="6d2f3c136bd9412c3f62886f0abbcb7a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','shortcode')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -145,7 +146,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','partial')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -531,12 +532,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -655,12 +656,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 41287ba275..c30a83ed15 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +93,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="31ed992f5f1aba73e2786bc6e6be012c">
+<div class="tab-panel" data-tab-group="6d2f3c136bd9412c3f62886f0abbcb7a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','shortcode')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -108,7 +109,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','partial')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -417,8 +418,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" 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 0468862876..7e6444b41c 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../../../../js/variant.js?1686074106"></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,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../../../../js/theme.js?1686074107" 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 068e18735e..5e24382c3f 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../../../../js/theme.js?1686074108" 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 6fbd3f3149..48e610c5cd 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../../../js/variant.js?1686074106"></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
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -330,12 +330,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074107" 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 bfa42a6388..13f77c8644 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../../../js/theme.js?1686074108" 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 0c9462e755..64011d4d17 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../../js/variant.js?1686074106"></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,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -327,12 +327,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../../js/theme.js?1686074107" 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 222b2708e9..c488259803 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../../js/theme.js?1686074108" 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 54af0c8941..161145e400 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../js/variant.js?1686074106"></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
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -326,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../js/theme.js?1686074107" 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 16fc40e62a..17986cd073 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../js/theme.js?1686074108" 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 db353cbca4..614115dc2f 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../../js/variant.js?1686074106"></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
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -310,12 +310,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../../js/theme.js?1686074107" 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 5fa327744b..59ab571a28 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../../js/theme.js?1686074108" 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 7b031e9ffc..de265b934e 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../../js/variant.js?1686074106"></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
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -310,12 +310,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../../js/theme.js?1686074107" 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 1743d95a3b..a0ba37b902 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../../js/theme.js?1686074108" 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 8c8e0c971a..e83dc172b3 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../js/variant.js?1686074106"></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
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -326,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../../js/theme.js?1686074107" 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 6d706d74e0..c566bd8296 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../js/theme.js?1686074108" 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 23f642aa2b..77c2218889 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068158"></script>
-    <script src="../../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074106"></script>
+    <script src="../../../../../js/variant.js?1686074106"></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
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../js/theme.js?1686074108" 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 2361b059ee..74f88f4547 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../../js/url.js?1686068160"></script>
-    <script src="../../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../../js/url.js?1686074108"></script>
+    <script src="../../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../../js/theme.js?1686074108" 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 5ec8523927..5608cd6058 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068158"></script>
-    <script src="../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074106"></script>
+    <script src="../../../../js/variant.js?1686074106"></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
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../../js/search.js?1686068159" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -326,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../js/theme.js?1686074107" 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 208652a95c..665632899b 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index afdfbfe868..13527c3184 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index a90d5c1e5c..89663fb7c6 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 7189142dc6..f56096c00c 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -308,12 +308,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 89b7e10ca3..e87cd4eec3 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index b40f6a0c6a..6038849cd2 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index a4d76de456..318e981c2a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index d83bf23b4d..7f829a10c1 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068158"></script>
-    <script src="../../../../js/variant.js?1686068158"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074106"></script>
+    <script src="../../../../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../../../js/search.js?1686068158" defer></script>
+        <script src="../../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -308,12 +308,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1686068158"></script>
+          <script async src="../../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../../../js/theme.js?1686068158" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../../js/theme.js?1686074107" 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 602663dbbf..212698a3fc 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../../js/url.js?1686068160"></script>
-    <script src="../../../../js/variant.js?1686068160"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../../js/url.js?1686074108"></script>
+    <script src="../../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 9794ea210f..5316b36bc2 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 16bc65d5ee..3c5c3ae8aa 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 9a852dd99a..615f015da2 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +126,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="edfc45d84ce6815fffd090831398a11d">
+<div class="tab-panel" data-tab-group="db4e4a221c7d013710d8c8950571783d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','shortcode')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -141,7 +142,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','partial')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -400,12 +401,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../js/search.js?1686068159" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -524,12 +525,12 @@ So its content is used as description.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index a139974328..078ce81b07 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -88,12 +88,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="edfc45d84ce6815fffd090831398a11d">
+<div class="tab-panel" data-tab-group="db4e4a221c7d013710d8c8950571783d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','shortcode')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -103,7 +104,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','partial')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -487,8 +488,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index a4a1c1a0f1..1800e19851 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../../js/search.js?1686068158" defer></script>
+        <script src="../../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068158"></script>
+          <script async src="../../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../../js/theme.js?1686068158" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 3bded90b59..e237b6a964 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 6b2b2c5429..9e83dc0c26 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -115,13 +115,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-caa1e4189fc48818b74f085bc6782495" aria-controls="expandcontent-caa1e4189fc48818b74f085bc6782495" >
-    <label class="expand-label" for="expand-caa1e4189fc48818b74f085bc6782495" >
+    <input type="checkbox" id="expand-caf5d3e842c5799bd0891bdbd7649221" aria-controls="expandcontent-caf5d3e842c5799bd0891bdbd7649221" >
+    <label class="expand-label" for="expand-caf5d3e842c5799bd0891bdbd7649221" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-caa1e4189fc48818b74f085bc6782495" class="expand-content">
+    <div id="expandcontent-caf5d3e842c5799bd0891bdbd7649221" 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>
@@ -151,12 +151,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="33e91b386a0b17aae6c09e34974b679f">
+<div class="tab-panel" data-tab-group="ce5d9bf7bea37351ae8e4b65b885efef">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -166,7 +167,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode (positional)')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -176,7 +177,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','partial')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -251,13 +252,13 @@
 <div class="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-a1ed019132a92bbf92784b540c061915" aria-controls="expandcontent-a1ed019132a92bbf92784b540c061915" >
-    <label class="expand-label" for="expand-a1ed019132a92bbf92784b540c061915" >
+    <input type="checkbox" id="expand-78d35ba7fb00ad1160a18d2a8b7672a9" aria-controls="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" >
+    <label class="expand-label" for="expand-78d35ba7fb00ad1160a18d2a8b7672a9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a1ed019132a92bbf92784b540c061915" class="expand-content">
+    <div id="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
@@ -265,13 +266,13 @@ Yes, you did it!</div>
 <div class="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-7128a600ce67ac8c77f2a637790693bc" aria-controls="expandcontent-7128a600ce67ac8c77f2a637790693bc"  checked>
-    <label class="expand-label" for="expand-7128a600ce67ac8c77f2a637790693bc" >
+    <input type="checkbox" id="expand-6eb22ad3ae97583629c1dd264e0cf922" aria-controls="expandcontent-6eb22ad3ae97583629c1dd264e0cf922"  checked>
+    <label class="expand-label" for="expand-6eb22ad3ae97583629c1dd264e0cf922" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7128a600ce67ac8c77f2a637790693bc" class="expand-content">
+    <div id="expandcontent-6eb22ad3ae97583629c1dd264e0cf922" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -293,13 +294,13 @@ No need to press you!</div>
 </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-115983380ad9aba7fddd7cd802144c56" aria-controls="expandcontent-115983380ad9aba7fddd7cd802144c56" >
-    <label class="expand-label" for="expand-115983380ad9aba7fddd7cd802144c56" >
+    <input type="checkbox" id="expand-16d4101079d81d0f9c38aa48e1540a9d" aria-controls="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" >
+    <label class="expand-label" for="expand-16d4101079d81d0f9c38aa48e1540a9d" >
         <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-115983380ad9aba7fddd7cd802144c56" class="expand-content">
+    <div id="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -401,12 +402,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -525,12 +526,12 @@ No need to press you!</div>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index dbb122ee87..aa15592fcf 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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-caa1e4189fc48818b74f085bc6782495" aria-controls="expandcontent-caa1e4189fc48818b74f085bc6782495" >
-    <label class="expand-label" for="expand-caa1e4189fc48818b74f085bc6782495" >
+    <input type="checkbox" id="expand-caf5d3e842c5799bd0891bdbd7649221" aria-controls="expandcontent-caf5d3e842c5799bd0891bdbd7649221" >
+    <label class="expand-label" for="expand-caf5d3e842c5799bd0891bdbd7649221" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-caa1e4189fc48818b74f085bc6782495" class="expand-content">
+    <div id="expandcontent-caf5d3e842c5799bd0891bdbd7649221" 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>
@@ -115,12 +115,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="33e91b386a0b17aae6c09e34974b679f">
+<div class="tab-panel" data-tab-group="ce5d9bf7bea37351ae8e4b65b885efef">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -130,7 +131,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode (positional)')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -140,7 +141,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','partial')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -215,13 +216,13 @@
 <div class="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-a1ed019132a92bbf92784b540c061915" aria-controls="expandcontent-a1ed019132a92bbf92784b540c061915" >
-    <label class="expand-label" for="expand-a1ed019132a92bbf92784b540c061915" >
+    <input type="checkbox" id="expand-78d35ba7fb00ad1160a18d2a8b7672a9" aria-controls="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" >
+    <label class="expand-label" for="expand-78d35ba7fb00ad1160a18d2a8b7672a9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a1ed019132a92bbf92784b540c061915" class="expand-content">
+    <div id="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
@@ -229,13 +230,13 @@ Yes, you did it!</div>
 <div class="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-7128a600ce67ac8c77f2a637790693bc" aria-controls="expandcontent-7128a600ce67ac8c77f2a637790693bc"  checked>
-    <label class="expand-label" for="expand-7128a600ce67ac8c77f2a637790693bc" >
+    <input type="checkbox" id="expand-6eb22ad3ae97583629c1dd264e0cf922" aria-controls="expandcontent-6eb22ad3ae97583629c1dd264e0cf922"  checked>
+    <label class="expand-label" for="expand-6eb22ad3ae97583629c1dd264e0cf922" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7128a600ce67ac8c77f2a637790693bc" class="expand-content">
+    <div id="expandcontent-6eb22ad3ae97583629c1dd264e0cf922" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -257,13 +258,13 @@ No need to press you!</div>
 </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-115983380ad9aba7fddd7cd802144c56" aria-controls="expandcontent-115983380ad9aba7fddd7cd802144c56" >
-    <label class="expand-label" for="expand-115983380ad9aba7fddd7cd802144c56" >
+    <input type="checkbox" id="expand-16d4101079d81d0f9c38aa48e1540a9d" aria-controls="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" >
+    <label class="expand-label" for="expand-16d4101079d81d0f9c38aa48e1540a9d" >
         <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-115983380ad9aba7fddd7cd802144c56" class="expand-content">
+    <div id="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -288,8 +289,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 2b0bcd4023..0bb483c2ce 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +123,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="7cae30f07eeafd8f45f2003b15694d43">
+<div class="tab-panel" data-tab-group="4f1a4c2992e7dc57f06e2609c8e2b46b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -138,7 +139,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode (positional)')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -148,7 +149,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','partial')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -324,12 +325,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -448,12 +449,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 34fc3a99b5..4c02573777 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -86,12 +86,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="7cae30f07eeafd8f45f2003b15694d43">
+<div class="tab-panel" data-tab-group="4f1a4c2992e7dc57f06e2609c8e2b46b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -101,7 +102,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode (positional)')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -111,7 +112,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','partial')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -210,8 +211,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 1efb476f38..d74900892a 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -114,12 +114,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="21fd93c62b26cc08ba5aa7cdcd85ef12">
+<div class="tab-panel" data-tab-group="3b7a7d764c4da98ea8a2cef85b5adc4d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -129,7 +130,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode (positional)')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -139,7 +140,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','partial')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -312,12 +313,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -436,12 +437,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index f920ff3c2a..e08c2a0599 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +80,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="21fd93c62b26cc08ba5aa7cdcd85ef12">
+<div class="tab-panel" data-tab-group="3b7a7d764c4da98ea8a2cef85b5adc4d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -95,7 +96,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode (positional)')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -105,7 +106,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','partial')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -201,8 +202,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 8211d2fc76..b9f50786ac 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -317,12 +317,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index b26153ec86..4b3f791938 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index fc8c2dd833..782b9739b7 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../js/search.js?1686068159" defer></script>
+        <script src="../js/auto-complete.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068159"></script>
+          <script async src="../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../js/theme.js?1686068159" defer></script>
+    <script src="../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 4c7253c948..c97a271131 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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,12 +135,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c3b05835e02b4868c9bd63a83c3bdebf">
+<div class="tab-panel" data-tab-group="de02d4bdb0d4c717f043e27da396477f">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','shortcode')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -150,7 +151,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c3b05835e02b4868c9bd63a83c3bdebf','partial')"
+      onclick="switchTab('de02d4bdb0d4c717f043e27da396477f','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -382,12 +383,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fac35b572c3bf621acf2b05e6ab1a0f2">
+<div class="tab-panel" data-tab-group="e55e27c4d8f2e1dd84f9eb70fa16f40c">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','shortcode')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -397,7 +399,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fac35b572c3bf621acf2b05e6ab1a0f2','partial')"
+      onclick="switchTab('e55e27c4d8f2e1dd84f9eb70fa16f40c','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -613,12 +615,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="31ed992f5f1aba73e2786bc6e6be012c">
+<div class="tab-panel" data-tab-group="6d2f3c136bd9412c3f62886f0abbcb7a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','shortcode')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -628,7 +631,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('31ed992f5f1aba73e2786bc6e6be012c','partial')"
+      onclick="switchTab('6d2f3c136bd9412c3f62886f0abbcb7a','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -951,12 +954,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="edfc45d84ce6815fffd090831398a11d">
+<div class="tab-panel" data-tab-group="db4e4a221c7d013710d8c8950571783d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','shortcode')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -966,7 +970,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('edfc45d84ce6815fffd090831398a11d','partial')"
+      onclick="switchTab('db4e4a221c7d013710d8c8950571783d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1355,13 +1359,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-caa1e4189fc48818b74f085bc6782495" aria-controls="expandcontent-caa1e4189fc48818b74f085bc6782495" >
-    <label class="expand-label" for="expand-caa1e4189fc48818b74f085bc6782495" >
+    <input type="checkbox" id="expand-caf5d3e842c5799bd0891bdbd7649221" aria-controls="expandcontent-caf5d3e842c5799bd0891bdbd7649221" >
+    <label class="expand-label" for="expand-caf5d3e842c5799bd0891bdbd7649221" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-caa1e4189fc48818b74f085bc6782495" class="expand-content">
+    <div id="expandcontent-caf5d3e842c5799bd0891bdbd7649221" 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>
@@ -1391,12 +1395,13 @@ So its content is used as description.</p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="33e91b386a0b17aae6c09e34974b679f">
+<div class="tab-panel" data-tab-group="ce5d9bf7bea37351ae8e4b65b885efef">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1406,7 +1411,7 @@ So its content is used as description.</p>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','shortcode (positional)')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1416,7 +1421,7 @@ So its content is used as description.</p>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33e91b386a0b17aae6c09e34974b679f','partial')"
+      onclick="switchTab('ce5d9bf7bea37351ae8e4b65b885efef','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1491,13 +1496,13 @@ So its content is used as description.</p>
 <div class="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-a1ed019132a92bbf92784b540c061915" aria-controls="expandcontent-a1ed019132a92bbf92784b540c061915" >
-    <label class="expand-label" for="expand-a1ed019132a92bbf92784b540c061915" >
+    <input type="checkbox" id="expand-78d35ba7fb00ad1160a18d2a8b7672a9" aria-controls="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" >
+    <label class="expand-label" for="expand-78d35ba7fb00ad1160a18d2a8b7672a9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-a1ed019132a92bbf92784b540c061915" class="expand-content">
+    <div id="expandcontent-78d35ba7fb00ad1160a18d2a8b7672a9" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
@@ -1505,13 +1510,13 @@ Yes, you did it!</div>
 <div class="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-7128a600ce67ac8c77f2a637790693bc" aria-controls="expandcontent-7128a600ce67ac8c77f2a637790693bc"  checked>
-    <label class="expand-label" for="expand-7128a600ce67ac8c77f2a637790693bc" >
+    <input type="checkbox" id="expand-6eb22ad3ae97583629c1dd264e0cf922" aria-controls="expandcontent-6eb22ad3ae97583629c1dd264e0cf922"  checked>
+    <label class="expand-label" for="expand-6eb22ad3ae97583629c1dd264e0cf922" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7128a600ce67ac8c77f2a637790693bc" class="expand-content">
+    <div id="expandcontent-6eb22ad3ae97583629c1dd264e0cf922" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1533,13 +1538,13 @@ No need to press you!</div>
 </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-115983380ad9aba7fddd7cd802144c56" aria-controls="expandcontent-115983380ad9aba7fddd7cd802144c56" >
-    <label class="expand-label" for="expand-115983380ad9aba7fddd7cd802144c56" >
+    <input type="checkbox" id="expand-16d4101079d81d0f9c38aa48e1540a9d" aria-controls="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" >
+    <label class="expand-label" for="expand-16d4101079d81d0f9c38aa48e1540a9d" >
         <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-115983380ad9aba7fddd7cd802144c56" class="expand-content">
+    <div id="expandcontent-16d4101079d81d0f9c38aa48e1540a9d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1576,12 +1581,13 @@ No need to press you!</div>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="7cae30f07eeafd8f45f2003b15694d43">
+<div class="tab-panel" data-tab-group="4f1a4c2992e7dc57f06e2609c8e2b46b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1591,7 +1597,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','shortcode (positional)')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1601,7 +1607,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('7cae30f07eeafd8f45f2003b15694d43','partial')"
+      onclick="switchTab('4f1a4c2992e7dc57f06e2609c8e2b46b','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1706,12 +1712,13 @@ No need to press you!</div>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="21fd93c62b26cc08ba5aa7cdcd85ef12">
+<div class="tab-panel" data-tab-group="3b7a7d764c4da98ea8a2cef85b5adc4d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1721,7 +1728,7 @@ No need to press you!</div>
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','shortcode (positional)')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -1731,7 +1738,7 @@ No need to press you!</div>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('21fd93c62b26cc08ba5aa7cdcd85ef12','partial')"
+      onclick="switchTab('3b7a7d764c4da98ea8a2cef85b5adc4d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -1854,12 +1861,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="d6dd8abe55d26eec5e1689ffb1bc6d1a">
+<div class="tab-panel" data-tab-group="2edf467ef79e36580c2f1a23bb742b0d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','codefence')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -1869,7 +1877,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','shortcode')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -1879,7 +1887,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','partial')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2046,12 +2054,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="29e8b7356334af7728efd8cf1ee30f29">
+<div class="tab-panel" data-tab-group="14e5204f77c70cb04604e0912dfb4241">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','codefence')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -2061,7 +2070,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','shortcode')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2071,7 +2080,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','partial')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2621,12 +2630,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="b331bdcb4a39cb61a21e3e7fba4f7f09">
+<div class="tab-panel" data-tab-group="2077828c3d683ffdc4d7acfc437a73a6">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -2636,7 +2646,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode (positional)')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -2646,7 +2656,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','partial')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -2991,12 +3001,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fc1e22e10218996b07ba3bffff6c53de">
+<div class="tab-panel" data-tab-group="e328633e5cf832001abea667c7abb280">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','shortcode')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3006,7 +3017,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','partial')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3069,7 +3080,7 @@ timeline
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-046972ca802072c2554da9fae6e3621e"
+    id="openapi-1b6e9c2be45787801cc92dd8f47aa253"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3088,12 +3099,13 @@ timeline
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c147cec91a5f7a54c928f24cb0bf8249">
+<div class="tab-panel" data-tab-group="276a4137e90ec7f3e10d011207cbbbd4">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -3103,7 +3115,7 @@ timeline
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode (positional)')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -3113,7 +3125,7 @@ timeline
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','partial')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -3189,12 +3201,13 @@ timeline
 <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="b0115014d273cd37f716156f41c1c915">
+<div class="tab-panel" data-tab-group="8bbaf94d6e10d9b2af972e24a1babc1e">
   <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('b0115014d273cd37f716156f41c1c915','c')"
+      onclick="switchTab('8bbaf94d6e10d9b2af972e24a1babc1e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3218,6 +3231,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3306,12 +3320,13 @@ timeline
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="9bfcfb2c2027934186f6b9c74db36caa">
+<div class="tab-panel" data-tab-group="139934062759a10a9bf00594bab50057">
   <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('9bfcfb2c2027934186f6b9c74db36caa','Code')"
+      onclick="switchTab('139934062759a10a9bf00594bab50057','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3332,12 +3347,13 @@ timeline
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="d9204f0f6c9a946852353964d70ab02b">
+<div class="tab-panel" data-tab-group="4062fbb61287902e456ebd994d102485">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9204f0f6c9a946852353964d70ab02b','Mixed')"
+      onclick="switchTab('4062fbb61287902e456ebd994d102485','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3387,12 +3403,13 @@ timeline
 </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="6077264c7f1eeeb8305091ad9d5c73f8">
+<div class="tab-panel" data-tab-group="3b5b1e05f26fc295d1521f8dccd0c825">
   <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('6077264c7f1eeeb8305091ad9d5c73f8','just colored style')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3402,7 +3419,7 @@ timeline
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3412,7 +3429,7 @@ timeline
     <button
       data-tab-item="default style and color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','default style and color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -3422,7 +3439,7 @@ timeline
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -3432,7 +3449,7 @@ timeline
     <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('6077264c7f1eeeb8305091ad9d5c73f8','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -3503,32 +3520,43 @@ timeline
 <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="60a62da429611538744c2234b6c534ff">
+<div class="tab-panel" data-tab-group="c008719b734d6e439a65fdc5301553cc">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','python')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','bash')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -3536,11 +3564,19 @@ timeline
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -3551,6 +3587,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3578,17 +3615,22 @@ timeline
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -3599,15 +3641,20 @@ timeline
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -3640,6 +3687,16 @@ timeline
 <td style="text-align:left">Sets a default value for every contained tab. Can be overridden by each tab. See the <a href="../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written in front of the tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
@@ -3651,12 +3708,13 @@ timeline
 <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="f7198e1fbd7ec69390cc5028229671a1">
+<div class="tab-panel" data-tab-group="c1709d2891e6fdb25ffdc5f71430f7eb">
   <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('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 1')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3666,7 +3724,7 @@ timeline
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 2')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3676,7 +3734,7 @@ timeline
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group B')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -3753,6 +3811,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3815,6 +3874,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3859,6 +3919,7 @@ timeline
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -3902,7 +3963,7 @@ timeline
 <h3 id="nested-tabs-and-color">Nested Tabs and Color</h3>
 <p>In case you want to nest tabs, the parent tab that contains the subtabs needs to be declared with <code>{{&lt; tab &gt;}}</code> instead of <code>{{% tab %}}</code>. Note, that in this case it is not possible to put markdown in the parent tab.</p>
 <p>You can also set various color parameter for all tabs or just selected ones. See the <a href="../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">is</span> <span class="nx">possible</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -3918,7 +3979,7 @@ timeline
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -3937,6 +3998,7 @@ timeline
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -3949,7 +4011,7 @@ timeline
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -3969,6 +4031,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -4017,7 +4080,7 @@ timeline
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -4025,6 +4088,7 @@ timeline
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -4079,8 +4143,8 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4109,26 +4173,26 @@ timeline
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1686068160" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1686068160" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1686074108" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1686074108" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068160", assetsBuster:  1686068160  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074108", assetsBuster:  1686074108  };
     </script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.xml b/shortcodes/index.xml
index f468743816..a269ee2265 100644
--- a/shortcodes/index.xml
+++ b/shortcodes/index.xml
@@ -23,7 +23,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <description>The badge shortcode displays little markers in your text with adjustable color, title and icon.
 Important Version6.6.6 Captain InfoNew Awesome
 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; icon=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; icon=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
+&amp;#8203; shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; icon=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; icon=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
     </item>
     <item>
       <title>Button</title>
@@ -32,7 +32,7 @@ shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% bad
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html</guid>
       <description>The button shortcode displays a clickable button with adjustable color, title and icon.
 Get Hugo Get Hugo Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; icon=&amp;#34;dragon&amp;#34; %}}Get Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;href&amp;#34; &amp;#34;https://gohugo.io/&amp;#34; &amp;#34;content&amp;#34; &amp;#34;Get Hugo&amp;#34; )}} {{ partial &amp;#34;shortcodes/button.</description>
+&amp;#8203; shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; icon=&amp;#34;dragon&amp;#34; %}}Get Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;href&amp;#34; &amp;#34;https://gohugo.io/&amp;#34; &amp;#34;content&amp;#34; &amp;#34;Get Hugo&amp;#34; )}} {{ partial &amp;#34;shortcodes/button.</description>
     </item>
     <item>
       <title>Children</title>
@@ -41,7 +41,7 @@ shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html</guid>
       <description>The children shortcode lists the child pages of the current page and its descendants.
 page X page 1 page 2 page 3 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-shortcode shortcode partial partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children.</description>
+&amp;#8203; shortcode shortcode partial partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children.</description>
     </item>
     <item>
       <title>Expand</title>
@@ -65,7 +65,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html</guid>
       <description>The icon shortcode displays icons using the Font Awesome library.
 Usage While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% icon icon=&amp;#34;exclamation-triangle&amp;#34; %}} {{% icon icon=&amp;#34;angle-double-up&amp;#34; %}} {{% icon icon=&amp;#34;skull-crossbones&amp;#34; %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;icon&amp;#34; &amp;#34;exclamation-triangle&amp;#34; )}} {{ partial &amp;#34;shortcodes/icon.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% icon icon=&amp;#34;exclamation-triangle&amp;#34; %}} {{% icon icon=&amp;#34;angle-double-up&amp;#34; %}} {{% icon icon=&amp;#34;skull-crossbones&amp;#34; %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;context&amp;#34; .</description>
     </item>
     <item>
       <title>Include</title>
@@ -74,7 +74,7 @@ shortcode shortcode shortcode (positional) shortcode (positional) partial partia
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html</guid>
       <description>The include shortcode includes other files from your project inside of the current page.
 Usage While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.</description>
     </item>
     <item>
       <title>Math</title>
@@ -103,7 +103,7 @@ Usage While the examples are using shortcodes with named parameter it is recomme
       <description>The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.
 There may be pirates It is all about the boxes.
 Usage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; icon=&amp;#34;skull-crossbones&amp;#34; %}} It is all about the boxes.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; icon=&amp;#34;skull-crossbones&amp;#34; %}} It is all about the boxes.</description>
     </item>
     <item>
       <title>OpenAPI</title>
@@ -113,7 +113,7 @@ shortcode shortcode shortcode (positional) shortcode (positional) partial partia
       <description>The openapi shortcode uses the Swagger UI library to display your OpenAPI / Swagger specifications.
 Note This only works in modern browsers.
 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-shortcode shortcode partial partial {{&amp;lt; openapi src=&amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; &amp;gt;}} {{ partial &amp;#34;shortcodes/openapi.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;src&amp;#34; &amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; )}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; The URL to the OpenAPI specification file.</description>
+&amp;#8203; shortcode shortcode partial partial {{&amp;lt; openapi src=&amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; &amp;gt;}} {{ partial &amp;#34;shortcodes/openapi.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;src&amp;#34; &amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; )}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; The URL to the OpenAPI specification file.</description>
     </item>
     <item>
       <title>Site param</title>
@@ -122,7 +122,7 @@ shortcode shortcode partial partial {{&amp;lt; openapi src=&amp;#34;https://pets
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html</guid>
       <description>The siteparam shortcode prints values of site params.
 Usage While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.
-shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Position Default Notes name 1 &amp;lt;empty&amp;gt; The name of the site param to be displayed.</description>
+&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;context&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Position Default Notes name 1 &amp;lt;empty&amp;gt; The name of the site param to be displayed.</description>
     </item>
     <item>
       <title>Tab</title>
@@ -132,8 +132,7 @@ shortcode shortcode shortcode (positional) shortcode (positional) partial partia
       <description>You can use a tab shortcode to display a single tab.
 This is especially useful if you want to flag your code example with an explicit language.
 If you want multiple tabs grouped together you can wrap your tabs into the tabs shortcode.
-c c printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-shortcode shortcode partial partial {{% tab title=&amp;#34;c&amp;#34; %}} ```c printf(&amp;#34;Hello World!</description>
+&amp;#8203; c c printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</description>
     </item>
     <item>
       <title>Tabs</title>
@@ -143,7 +142,7 @@ shortcode shortcode partial partial {{% tab title=&amp;#34;c&amp;#34; %}} ```c p
       <description>The tabs shortcode displays arbitrary content in an unlimited number of tabs.
 This comes in handy eg. for providing code snippets for multiple languages.
 If you just want a single tab you can instead call the tab shortcode standalone.
-python python bash bash print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</description>
+hello. py py sh sh c c print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 4b9e60c657..e29adec772 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -144,12 +144,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="d6dd8abe55d26eec5e1689ffb1bc6d1a">
+<div class="tab-panel" data-tab-group="2edf467ef79e36580c2f1a23bb742b0d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','codefence')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -159,7 +160,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','shortcode')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -169,7 +170,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','partial')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -376,12 +377,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -500,12 +501,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -534,7 +535,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?1686068158"></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074106"></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 121c90d12e..300ebaa0b1 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -101,12 +101,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="d6dd8abe55d26eec5e1689ffb1bc6d1a">
+<div class="tab-panel" data-tab-group="2edf467ef79e36580c2f1a23bb742b0d">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','codefence')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -116,7 +117,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','shortcode')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -126,7 +127,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('d6dd8abe55d26eec5e1689ffb1bc6d1a','partial')"
+      onclick="switchTab('2edf467ef79e36580c2f1a23bb742b0d','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -256,8 +257,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -286,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?1686068160"></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index cccb8419a1..1b2eecb46f 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -163,12 +163,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="29e8b7356334af7728efd8cf1ee30f29">
+<div class="tab-panel" data-tab-group="14e5204f77c70cb04604e0912dfb4241">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','codefence')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -178,7 +179,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','shortcode')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -188,7 +189,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','partial')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -801,12 +802,12 @@ timeline
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -925,25 +926,25 @@ timeline
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068158" defer></script>
-    <script src="../../js/mermaid.min.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074106" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074106" defer></script>
+    <script src="../../js/mermaid.min.js?1686074106" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index ffd274b6cc..ef7a2ce057 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -111,12 +111,13 @@ graph LR;
 </div>
 </div>
 
-<div class="tab-panel" data-tab-group="29e8b7356334af7728efd8cf1ee30f29">
+<div class="tab-panel" data-tab-group="14e5204f77c70cb04604e0912dfb4241">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="codefence"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','codefence')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','codefence')"
     >
       <div>
         <div class="tab-nav-hidden">codefence</div>
@@ -126,7 +127,7 @@ graph LR;
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','shortcode')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -136,7 +137,7 @@ graph LR;
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('29e8b7356334af7728efd8cf1ee30f29','partial')"
+      onclick="switchTab('14e5204f77c70cb04604e0912dfb4241','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -672,21 +673,21 @@ timeline
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 305c1722b4..3004c60922 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +126,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="b331bdcb4a39cb61a21e3e7fba4f7f09">
+<div class="tab-panel" data-tab-group="2077828c3d683ffdc4d7acfc437a73a6">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -141,7 +142,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode (positional)')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -151,7 +152,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','partial')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -559,12 +560,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -683,12 +684,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 0564914875..cd8ae99650 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -88,12 +88,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="b331bdcb4a39cb61a21e3e7fba4f7f09">
+<div class="tab-panel" data-tab-group="2077828c3d683ffdc4d7acfc437a73a6">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -103,7 +104,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','shortcode (positional)')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -113,7 +114,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b331bdcb4a39cb61a21e3e7fba4f7f09','partial')"
+      onclick="switchTab('2077828c3d683ffdc4d7acfc437a73a6','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -444,8 +445,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index 87ccaf0fe2..5ccc82e32d 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -122,12 +122,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fc1e22e10218996b07ba3bffff6c53de">
+<div class="tab-panel" data-tab-group="e328633e5cf832001abea667c7abb280">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','shortcode')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -137,7 +138,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','partial')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -200,7 +201,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-046972ca802072c2554da9fae6e3621e"
+    id="openapi-1b6e9c2be45787801cc92dd8f47aa253"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -290,12 +291,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -414,18 +415,18 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686068160" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686068160" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686074108" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686074108" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068160", assetsBuster:  1686068160  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074108", assetsBuster:  1686074108  };
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index b0343cad37..0836549fc3 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -88,12 +88,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="fc1e22e10218996b07ba3bffff6c53de">
+<div class="tab-panel" data-tab-group="e328633e5cf832001abea667c7abb280">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','shortcode')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -103,7 +104,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fc1e22e10218996b07ba3bffff6c53de','partial')"
+      onclick="switchTab('e328633e5cf832001abea667c7abb280','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -166,7 +167,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-046972ca802072c2554da9fae6e3621e"
+    id="openapi-1b6e9c2be45787801cc92dd8f47aa253"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -179,14 +180,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686068160" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686068160" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686074108" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686074108" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068160", assetsBuster:  1686068160  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074108", assetsBuster:  1686074108  };
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index a61214f1b8..217bfd4ada 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="Site param :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="Site param :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -114,12 +114,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c147cec91a5f7a54c928f24cb0bf8249">
+<div class="tab-panel" data-tab-group="276a4137e90ec7f3e10d011207cbbbd4">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -129,7 +130,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode (positional)')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -139,7 +140,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','partial')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -286,12 +287,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -410,12 +411,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index c595bc4ae2..20157f132d 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="Site param :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Site param :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +80,13 @@
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.</p>
 
-<div class="tab-panel" data-tab-group="c147cec91a5f7a54c928f24cb0bf8249">
+<div class="tab-panel" data-tab-group="276a4137e90ec7f3e10d011207cbbbd4">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode</div>
@@ -95,7 +96,7 @@
     <button
       data-tab-item="shortcode (positional)"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','shortcode (positional)')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','shortcode (positional)')"
     >
       <div>
         <div class="tab-nav-hidden">shortcode (positional)</div>
@@ -105,7 +106,7 @@
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c147cec91a5f7a54c928f24cb0bf8249','partial')"
+      onclick="switchTab('276a4137e90ec7f3e10d011207cbbbd4','partial')"
     >
       <div>
         <div class="tab-nav-hidden">partial</div>
@@ -175,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 3a752aab41..330346391e 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +116,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="b0115014d273cd37f716156f41c1c915">
+<div class="tab-panel" data-tab-group="8bbaf94d6e10d9b2af972e24a1babc1e">
   <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('b0115014d273cd37f716156f41c1c915','c')"
+      onclick="switchTab('8bbaf94d6e10d9b2af972e24a1babc1e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -145,6 +146,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -233,12 +235,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="9bfcfb2c2027934186f6b9c74db36caa">
+<div class="tab-panel" data-tab-group="139934062759a10a9bf00594bab50057">
   <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('9bfcfb2c2027934186f6b9c74db36caa','Code')"
+      onclick="switchTab('139934062759a10a9bf00594bab50057','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -259,12 +262,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="d9204f0f6c9a946852353964d70ab02b">
+<div class="tab-panel" data-tab-group="4062fbb61287902e456ebd994d102485">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9204f0f6c9a946852353964d70ab02b','Mixed')"
+      onclick="switchTab('4062fbb61287902e456ebd994d102485','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -314,12 +318,13 @@
 </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="6077264c7f1eeeb8305091ad9d5c73f8">
+<div class="tab-panel" data-tab-group="3b5b1e05f26fc295d1521f8dccd0c825">
   <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('6077264c7f1eeeb8305091ad9d5c73f8','just colored style')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -329,7 +334,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -339,7 +344,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('6077264c7f1eeeb8305091ad9d5c73f8','default style and color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -349,7 +354,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -359,7 +364,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('6077264c7f1eeeb8305091ad9d5c73f8','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -501,12 +506,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -625,12 +630,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index 55a85de38f..bbfdd85f32 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,12 +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="b0115014d273cd37f716156f41c1c915">
+<div class="tab-panel" data-tab-group="8bbaf94d6e10d9b2af972e24a1babc1e">
   <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('b0115014d273cd37f716156f41c1c915','c')"
+      onclick="switchTab('8bbaf94d6e10d9b2af972e24a1babc1e','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -109,6 +110,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -197,12 +199,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="9bfcfb2c2027934186f6b9c74db36caa">
+<div class="tab-panel" data-tab-group="139934062759a10a9bf00594bab50057">
   <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('9bfcfb2c2027934186f6b9c74db36caa','Code')"
+      onclick="switchTab('139934062759a10a9bf00594bab50057','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -223,12 +226,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="d9204f0f6c9a946852353964d70ab02b">
+<div class="tab-panel" data-tab-group="4062fbb61287902e456ebd994d102485">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9204f0f6c9a946852353964d70ab02b','Mixed')"
+      onclick="switchTab('4062fbb61287902e456ebd994d102485','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -278,12 +282,13 @@
 </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="6077264c7f1eeeb8305091ad9d5c73f8">
+<div class="tab-panel" data-tab-group="3b5b1e05f26fc295d1521f8dccd0c825">
   <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('6077264c7f1eeeb8305091ad9d5c73f8','just colored style')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -293,7 +298,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -303,7 +308,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('6077264c7f1eeeb8305091ad9d5c73f8','default style and color')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -313,7 +318,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('6077264c7f1eeeb8305091ad9d5c73f8','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -323,7 +328,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('6077264c7f1eeeb8305091ad9d5c73f8','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('3b5b1e05f26fc295d1521f8dccd0c825','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>
@@ -388,8 +393,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 4aeca4dae4..25fb688921 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -115,32 +115,43 @@
 <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="60a62da429611538744c2234b6c534ff">
+<div class="tab-panel" data-tab-group="c008719b734d6e439a65fdc5301553cc">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','python')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','bash')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -148,11 +159,19 @@
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -163,6 +182,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -190,17 +210,22 @@
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -211,15 +236,20 @@
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -252,6 +282,16 @@
 <td style="text-align:left">Sets a default value for every contained tab. Can be overridden by each tab. See the <a href="../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written in front of the tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
@@ -263,12 +303,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="f7198e1fbd7ec69390cc5028229671a1">
+<div class="tab-panel" data-tab-group="c1709d2891e6fdb25ffdc5f71430f7eb">
   <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('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 1')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -278,7 +319,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 2')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -288,7 +329,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group B')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -365,6 +406,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -427,6 +469,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -471,6 +514,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -514,7 +558,7 @@
 <h3 id="nested-tabs-and-color">Nested Tabs and Color</h3>
 <p>In case you want to nest tabs, the parent tab that contains the subtabs needs to be declared with <code>{{&lt; tab &gt;}}</code> instead of <code>{{% tab %}}</code>. Note, that in this case it is not possible to put markdown in the parent tab.</p>
 <p>You can also set various color parameter for all tabs or just selected ones. See the <a href="../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">is</span> <span class="nx">possible</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -530,7 +574,7 @@
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -549,6 +593,7 @@
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -561,7 +606,7 @@
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -581,6 +626,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -629,7 +675,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -637,6 +683,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -767,12 +814,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074106" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074106" defer></script>
+        <script src="../../js/search.js?1686074106" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -891,12 +938,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074106"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074106" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074106" defer></script>
+    <script src="../../js/theme.js?1686074106" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index fde01ecac9..3fa5fd72d1 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,32 +80,43 @@
 <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="60a62da429611538744c2234b6c534ff">
+<div class="tab-panel" data-tab-group="c008719b734d6e439a65fdc5301553cc">
   <div class="tab-nav">
+    <div class="tab-nav-title">hello.</div>
     <button
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','python')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','py')"
     >
       <div>
-        <div class="tab-nav-hidden">python</div>
-        <div class="tab-nav-text">python</div>
+        <div class="tab-nav-hidden">py</div>
+        <div class="tab-nav-text">py</div>
       </div>
     </button>
     <button
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('60a62da429611538744c2234b6c534ff','bash')"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','sh')"
     >
       <div>
-        <div class="tab-nav-hidden">bash</div>
-        <div class="tab-nav-text">bash</div>
+        <div class="tab-nav-hidden">sh</div>
+        <div class="tab-nav-text">sh</div>
+      </div>
+    </button>
+    <button
+      data-tab-item="c"
+      class="tab-nav-button tab-panel-style cstyle initial"
+      onclick="switchTab('c008719b734d6e439a65fdc5301553cc','c')"
+    >
+      <div>
+        <div class="tab-nav-hidden">c</div>
+        <div class="tab-nav-text">c</div>
       </div>
     </button>
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="python"
+      data-tab-item="py"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -113,11 +124,19 @@
 </span></span></code></pre></div></div>
     </div>
     <div
-      data-tab-item="bash"
+      data-tab-item="sh"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div></div>
+    </div>
+    <div
+      data-tab-item="c"
+      class="tab-content tab-panel-style cstyle initial">
+      <div class="tab-content-text">
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">);</span>
 </span></span></code></pre></div></div>
     </div>
   </div>
@@ -128,6 +147,7 @@
 
 <div class="tab-panel" data-tab-group="shortcode-parameter">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -155,17 +175,22 @@
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;hello.&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;py&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;sh&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;c&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```c
+</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><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>
     </div>
@@ -176,15 +201,20 @@
 
 <div class="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="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;title&#34;</span> <span class="s">&#34;hello.&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="nf">slice</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;python&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;py&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```python\nprint(\&#34;Hello World!\&#34;)\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
-</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;bash&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;sh&#34;</span>
 </span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```bash\necho \&#34;Hello World!\&#34;\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl">    <span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;title&#34;</span> <span class="s">&#34;c&#34;</span>
+</span></span><span class="line"><span class="cl">      <span class="s">&#34;content&#34;</span> <span class="p">(</span><span class="s">&#34;```c\nprintf(\&#34;Hello World!\&#34;);\n```&#34;</span> <span class="p">|</span> <span class="p">.</span><span class="nx">RenderString</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="p">)</span>
 </span></span><span class="line"><span class="cl">  <span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div></div>
@@ -217,6 +247,16 @@
 <td style="text-align:left">Sets a default value for every contained tab. Can be overridden by each tab. See the <a href="../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</td>
 </tr>
 <tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary title written in front of the tabs.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title.</td>
+</tr>
+<tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
@@ -228,12 +268,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="f7198e1fbd7ec69390cc5028229671a1">
+<div class="tab-panel" data-tab-group="c1709d2891e6fdb25ffdc5f71430f7eb">
   <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('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 1')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -243,7 +284,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group A, Tab View 2')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -253,7 +294,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('f7198e1fbd7ec69390cc5028229671a1','Group B')"
+      onclick="switchTab('c1709d2891e6fdb25ffdc5f71430f7eb','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -330,6 +371,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -392,6 +434,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-a">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -436,6 +479,7 @@
 
 <div class="tab-panel" data-tab-group="tab-example-b">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="json"
       class="tab-nav-button tab-panel-style cstyle initial active"
@@ -479,7 +523,7 @@
 <h3 id="nested-tabs-and-color">Nested Tabs and Color</h3>
 <p>In case you want to nest tabs, the parent tab that contains the subtabs needs to be declared with <code>{{&lt; tab &gt;}}</code> instead of <code>{{% tab %}}</code>. Note, that in this case it is not possible to put markdown in the parent tab.</p>
 <p>You can also set various color parameter for all tabs or just selected ones. See the <a href="../../shortcodes/tab/#parameter"><code>tab</code> shortcode</a> for possible values.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="p">&gt;}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;main&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Rationale&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;thumbtack&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Text&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">Simple</span> <span class="nx">text</span> <span class="nx">is</span> <span class="nx">possible</span> <span class="nx">here</span><span class="o">...</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
@@ -495,7 +539,7 @@
 </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><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tab</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Code&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;darkorchid&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="o">...</span><span class="nx">but</span> <span class="nx">no</span> <span class="nx">markdown</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupid</span><span class="p">=</span><span class="s">&#34;tabs-example-language&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">  <span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
@@ -514,6 +558,7 @@
 </span></span></code></pre></div>
 <div class="tab-panel" data-tab-group="main">
   <div class="tab-nav">
+    <div class="tab-nav-title"><i class="fa-fw fas fa-thumbtack"></i> Rationale</div>
     <button
       data-tab-item="Text"
       class="tab-nav-button tab-panel-style cstyle primary active"
@@ -526,7 +571,7 @@
     </button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;"
+      class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','Code')"
     >
       <div>
@@ -546,6 +591,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -594,7 +640,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+      class="tab-content tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;">
       <div class="tab-content-text">
 <p>
 
@@ -602,6 +648,7 @@
   
 <div class="tab-panel" data-tab-group="tabs-example-language">
   <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"
@@ -655,8 +702,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 0f9fbaebc1..d27b71e14b 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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,28 +105,28 @@
 <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-3fee0c89ddffcf36c932751828af8261" class="lightbox-link">
+<a href="#image-24f785d92e49ae79cdef8d44120b1de3" class="lightbox-link">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3fee0c89ddffcf36c932751828af8261">
+<a href="javascript:history.back();" class="lightbox" id="image-24f785d92e49ae79cdef8d44120b1de3">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" 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-e5a36870fe2fdb31f8d7861b0925e8d2" class="lightbox-link">
+<a href="#image-50476dada11423f08d5039e24a7319a3" class="lightbox-link">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e5a36870fe2fdb31f8d7861b0925e8d2">
+<a href="javascript:history.back();" class="lightbox" id="image-50476dada11423f08d5039e24a7319a3">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" 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-1d474515ee941a1ebcae32906257bb8d" class="lightbox-link">
+<a href="#image-c5c3afe8eb256a27dd8dc99f748a5c5a" class="lightbox-link">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d474515ee941a1ebcae32906257bb8d">
+<a href="javascript:history.back();" class="lightbox" id="image-c5c3afe8eb256a27dd8dc99f748a5c5a">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../js/search.js?1686068160" defer></script>
+        <script src="../js/auto-complete.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068160"></script>
+          <script async src="../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index e21a909f89..1ba5d5f4c9 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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,28 +78,28 @@
 <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-3fee0c89ddffcf36c932751828af8261" class="lightbox-link">
+<a href="#image-24f785d92e49ae79cdef8d44120b1de3" class="lightbox-link">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3fee0c89ddffcf36c932751828af8261">
+<a href="javascript:history.back();" class="lightbox" id="image-24f785d92e49ae79cdef8d44120b1de3">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" 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-e5a36870fe2fdb31f8d7861b0925e8d2" class="lightbox-link">
+<a href="#image-50476dada11423f08d5039e24a7319a3" class="lightbox-link">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e5a36870fe2fdb31f8d7861b0925e8d2">
+<a href="javascript:history.back();" class="lightbox" id="image-50476dada11423f08d5039e24a7319a3">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" 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-1d474515ee941a1ebcae32906257bb8d" class="lightbox-link">
+<a href="#image-c5c3afe8eb256a27dd8dc99f748a5c5a" class="lightbox-link">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d474515ee941a1ebcae32906257bb8d">
+<a href="javascript:history.back();" class="lightbox" id="image-c5c3afe8eb256a27dd8dc99f748a5c5a">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 4df8e11c2d..64c4b9867d 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 203b071dc6..eeea92be7b 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,12 +290,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 880a2d34de..3a7d5452e6 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -286,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 3d7c687ec1..f819ec284e 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -294,12 +294,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 528c9e11c3..33c5d08476 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../js/search.js?1686068160" defer></script>
+        <script src="../js/auto-complete.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068160"></script>
+          <script async src="../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 36d764a8a1..504a5117ed 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -298,12 +298,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index f770779c21..f6779c4620 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?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -286,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.html b/tests/attach/attach1/index.html
index 1f1a2b1289..adc97d6e0f 100644
--- a/tests/attach/attach1/index.html
+++ b/tests/attach/attach1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -350,12 +350,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.print.html b/tests/attach/attach1/index.print.html
index 8a6fbb6a96..85e7c3cdbc 100644
--- a/tests/attach/attach1/index.print.html
+++ b/tests/attach/attach1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.html b/tests/attach/attach2/index.html
index c17991dbb4..2e701a469b 100644
--- a/tests/attach/attach2/index.html
+++ b/tests/attach/attach2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -350,12 +350,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.print.html b/tests/attach/attach2/index.print.html
index 69b2fc9bed..05d218fb0a 100644
--- a/tests/attach/attach2/index.print.html
+++ b/tests/attach/attach2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.html b/tests/attach/attach3/index.html
index 8730aca342..b484d7e27a 100644
--- a/tests/attach/attach3/index.html
+++ b/tests/attach/attach3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -350,12 +350,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.print.html b/tests/attach/attach3/index.print.html
index f72f23e090..91e8ffb913 100644
--- a/tests/attach/attach3/index.print.html
+++ b/tests/attach/attach3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.html b/tests/attach/index.html
index 184d032ee3..afb40e7602 100644
--- a/tests/attach/index.html
+++ b/tests/attach/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -350,12 +350,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.print.html b/tests/attach/index.print.html
index 283ab00ac2..af1b615658 100644
--- a/tests/attach/index.print.html
+++ b/tests/attach/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -149,8 +149,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.html b/tests/chapters/1/index.html
index 58721637f5..3a88f34312 100644
--- a/tests/chapters/1/index.html
+++ b/tests/chapters/1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.print.html b/tests/chapters/1/index.print.html
index c750d048f7..7f219bfa75 100644
--- a/tests/chapters/1/index.print.html
+++ b/tests/chapters/1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.html b/tests/chapters/10/index.html
index e195541055..c30fdf0235 100644
--- a/tests/chapters/10/index.html
+++ b/tests/chapters/10/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.print.html b/tests/chapters/10/index.print.html
index bd723d2950..5d499aca57 100644
--- a/tests/chapters/10/index.print.html
+++ b/tests/chapters/10/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.html b/tests/chapters/11/index.html
index 71cc0c3c6f..4d337c74b2 100644
--- a/tests/chapters/11/index.html
+++ b/tests/chapters/11/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.print.html b/tests/chapters/11/index.print.html
index d1399743a1..5d4c2da3cd 100644
--- a/tests/chapters/11/index.print.html
+++ b/tests/chapters/11/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.html b/tests/chapters/12/index.html
index d8f016302c..0d19604412 100644
--- a/tests/chapters/12/index.html
+++ b/tests/chapters/12/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.print.html b/tests/chapters/12/index.print.html
index 53a9ff3f07..a47d7d5c10 100644
--- a/tests/chapters/12/index.print.html
+++ b/tests/chapters/12/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.html b/tests/chapters/13/index.html
index 789dda1999..e034284107 100644
--- a/tests/chapters/13/index.html
+++ b/tests/chapters/13/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.print.html b/tests/chapters/13/index.print.html
index d1a2feb411..47924da35c 100644
--- a/tests/chapters/13/index.print.html
+++ b/tests/chapters/13/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.html b/tests/chapters/14/index.html
index 072da09d4c..7e1f5e0594 100644
--- a/tests/chapters/14/index.html
+++ b/tests/chapters/14/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.print.html b/tests/chapters/14/index.print.html
index 65223b0d94..fef7b0da8e 100644
--- a/tests/chapters/14/index.print.html
+++ b/tests/chapters/14/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.html b/tests/chapters/15/index.html
index 14c306b381..6863d8ce06 100644
--- a/tests/chapters/15/index.html
+++ b/tests/chapters/15/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.print.html b/tests/chapters/15/index.print.html
index e7e23e204c..d07d756219 100644
--- a/tests/chapters/15/index.print.html
+++ b/tests/chapters/15/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.html b/tests/chapters/16/index.html
index af1c4f8771..d989a04cd0 100644
--- a/tests/chapters/16/index.html
+++ b/tests/chapters/16/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.print.html b/tests/chapters/16/index.print.html
index 8e009af004..43e34ad5eb 100644
--- a/tests/chapters/16/index.print.html
+++ b/tests/chapters/16/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.html b/tests/chapters/17/index.html
index 3146cfbd1e..d1927cb17b 100644
--- a/tests/chapters/17/index.html
+++ b/tests/chapters/17/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.print.html b/tests/chapters/17/index.print.html
index 7fd0ea8d5f..924306aad4 100644
--- a/tests/chapters/17/index.print.html
+++ b/tests/chapters/17/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.html b/tests/chapters/18/index.html
index 0c725e99b3..bc3b9fa965 100644
--- a/tests/chapters/18/index.html
+++ b/tests/chapters/18/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.print.html b/tests/chapters/18/index.print.html
index 1cb7e505a9..aa4390e368 100644
--- a/tests/chapters/18/index.print.html
+++ b/tests/chapters/18/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.html b/tests/chapters/19/index.html
index 54b11dceac..76ff071415 100644
--- a/tests/chapters/19/index.html
+++ b/tests/chapters/19/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.print.html b/tests/chapters/19/index.print.html
index acdc6fd675..2bd5f6a8be 100644
--- a/tests/chapters/19/index.print.html
+++ b/tests/chapters/19/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.html b/tests/chapters/2/index.html
index 2aef1a203f..ffb2eec18a 100644
--- a/tests/chapters/2/index.html
+++ b/tests/chapters/2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.print.html b/tests/chapters/2/index.print.html
index 829cd58f25..72ddbc96f9 100644
--- a/tests/chapters/2/index.print.html
+++ b/tests/chapters/2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.html b/tests/chapters/20/index.html
index f704358fcb..d8ed902c0e 100644
--- a/tests/chapters/20/index.html
+++ b/tests/chapters/20/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.print.html b/tests/chapters/20/index.print.html
index 079383b0f7..a56d141cdc 100644
--- a/tests/chapters/20/index.print.html
+++ b/tests/chapters/20/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.html b/tests/chapters/21/index.html
index fa83a54fc5..e4827a4a96 100644
--- a/tests/chapters/21/index.html
+++ b/tests/chapters/21/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.print.html b/tests/chapters/21/index.print.html
index 407d2e8329..e925b5ffe9 100644
--- a/tests/chapters/21/index.print.html
+++ b/tests/chapters/21/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.html b/tests/chapters/22/index.html
index 08c1e27d25..20e6737a30 100644
--- a/tests/chapters/22/index.html
+++ b/tests/chapters/22/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.print.html b/tests/chapters/22/index.print.html
index 9003d7ffed..889c2d384e 100644
--- a/tests/chapters/22/index.print.html
+++ b/tests/chapters/22/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.html b/tests/chapters/23/index.html
index a0ac08f1ed..579dfa20fa 100644
--- a/tests/chapters/23/index.html
+++ b/tests/chapters/23/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.print.html b/tests/chapters/23/index.print.html
index e4d0f83162..ff8277da78 100644
--- a/tests/chapters/23/index.print.html
+++ b/tests/chapters/23/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.html b/tests/chapters/24/index.html
index 26514f7195..7d0b805347 100644
--- a/tests/chapters/24/index.html
+++ b/tests/chapters/24/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.print.html b/tests/chapters/24/index.print.html
index b93c325eac..0d5b8ee0f3 100644
--- a/tests/chapters/24/index.print.html
+++ b/tests/chapters/24/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.html b/tests/chapters/25/index.html
index b490670e82..2ad24f3d8d 100644
--- a/tests/chapters/25/index.html
+++ b/tests/chapters/25/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.print.html b/tests/chapters/25/index.print.html
index 17b086472a..60c5825999 100644
--- a/tests/chapters/25/index.print.html
+++ b/tests/chapters/25/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.html b/tests/chapters/26/index.html
index 608660cbbd..4a72c1d257 100644
--- a/tests/chapters/26/index.html
+++ b/tests/chapters/26/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.print.html b/tests/chapters/26/index.print.html
index a06068c6f8..5c102f8636 100644
--- a/tests/chapters/26/index.print.html
+++ b/tests/chapters/26/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.html b/tests/chapters/27/index.html
index 490708bf95..aa920508ce 100644
--- a/tests/chapters/27/index.html
+++ b/tests/chapters/27/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.print.html b/tests/chapters/27/index.print.html
index 54504afc83..00fa6b1266 100644
--- a/tests/chapters/27/index.print.html
+++ b/tests/chapters/27/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.html b/tests/chapters/28/index.html
index 3418d378cc..a8d2310026 100644
--- a/tests/chapters/28/index.html
+++ b/tests/chapters/28/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.print.html b/tests/chapters/28/index.print.html
index 8ae27ffa84..6466d6e7dd 100644
--- a/tests/chapters/28/index.print.html
+++ b/tests/chapters/28/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.html b/tests/chapters/29/index.html
index 714d027e25..7dff5d3618 100644
--- a/tests/chapters/29/index.html
+++ b/tests/chapters/29/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.print.html b/tests/chapters/29/index.print.html
index 57fedfaee5..f82f767826 100644
--- a/tests/chapters/29/index.print.html
+++ b/tests/chapters/29/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.html b/tests/chapters/3/index.html
index 7c7b96f436..c39dd4ee6c 100644
--- a/tests/chapters/3/index.html
+++ b/tests/chapters/3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.print.html b/tests/chapters/3/index.print.html
index f48183740d..b865db453c 100644
--- a/tests/chapters/3/index.print.html
+++ b/tests/chapters/3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.html b/tests/chapters/30/index.html
index 0ca3152e6c..80c13d4087 100644
--- a/tests/chapters/30/index.html
+++ b/tests/chapters/30/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.print.html b/tests/chapters/30/index.print.html
index 5e347b855f..3ba2ed3324 100644
--- a/tests/chapters/30/index.print.html
+++ b/tests/chapters/30/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.html b/tests/chapters/4/index.html
index 594bb787ed..3ee9b92fff 100644
--- a/tests/chapters/4/index.html
+++ b/tests/chapters/4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.print.html b/tests/chapters/4/index.print.html
index f9315fd708..d7cf4f264e 100644
--- a/tests/chapters/4/index.print.html
+++ b/tests/chapters/4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.html b/tests/chapters/5/index.html
index 1f1adf0d91..12d3181804 100644
--- a/tests/chapters/5/index.html
+++ b/tests/chapters/5/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.print.html b/tests/chapters/5/index.print.html
index 943171d9a3..f4991c6cf0 100644
--- a/tests/chapters/5/index.print.html
+++ b/tests/chapters/5/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.html b/tests/chapters/6/index.html
index 14ac31bf4d..1f547fb567 100644
--- a/tests/chapters/6/index.html
+++ b/tests/chapters/6/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.print.html b/tests/chapters/6/index.print.html
index 5247b8e034..d6508daf7b 100644
--- a/tests/chapters/6/index.print.html
+++ b/tests/chapters/6/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.html b/tests/chapters/7/index.html
index c687283415..7a44148baa 100644
--- a/tests/chapters/7/index.html
+++ b/tests/chapters/7/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.print.html b/tests/chapters/7/index.print.html
index 1e9c8480cc..a7c6207de7 100644
--- a/tests/chapters/7/index.print.html
+++ b/tests/chapters/7/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.html b/tests/chapters/8/index.html
index ddaf112f63..5770b08524 100644
--- a/tests/chapters/8/index.html
+++ b/tests/chapters/8/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.print.html b/tests/chapters/8/index.print.html
index a88326e2c6..9d7ff77680 100644
--- a/tests/chapters/8/index.print.html
+++ b/tests/chapters/8/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.html b/tests/chapters/9/index.html
index 15b5d174d3..061e5e1051 100644
--- a/tests/chapters/9/index.html
+++ b/tests/chapters/9/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068159" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068159" defer></script>
-        <script src="../../../js/search.js?1686068159" defer></script>
+        <script src="../../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068159"></script>
+          <script async src="../../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../../js/theme.js?1686068159" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.print.html b/tests/chapters/9/index.print.html
index 9a6c1bd2e4..51aeb45b55 100644
--- a/tests/chapters/9/index.print.html
+++ b/tests/chapters/9/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -85,8 +85,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.html b/tests/chapters/children-1/index.html
index e9136625d7..31b5c509fa 100644
--- a/tests/chapters/children-1/index.html
+++ b/tests/chapters/children-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../../js/url.js?1686068158"></script>
-    <script src="../../../js/variant.js?1686068158"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../../js/url.js?1686074106"></script>
+    <script src="../../../js/variant.js?1686074106"></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
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../../js/search.js?1686068160" defer></script>
+        <script src="../../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -345,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1686068160"></script>
+          <script async src="../../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.print.html b/tests/chapters/children-1/index.print.html
index fd11f030f6..377cdba340 100644
--- a/tests/chapters/children-1/index.print.html
+++ b/tests/chapters/children-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../../js/url.js?1686068160"></script>
-    <script src="../../../js/variant.js?1686068160"></script>
+    <link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../../js/url.js?1686074108"></script>
+    <script src="../../../js/variant.js?1686074108"></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
@@ -86,8 +86,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../../js/theme.js?1686068160" defer></script>
+    <script src="../../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.html b/tests/chapters/index.html
index 1cb9da127d..158838d97b 100644
--- a/tests/chapters/index.html
+++ b/tests/chapters/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.print.html b/tests/chapters/index.print.html
index 71ab636355..727f9cee2e 100644
--- a/tests/chapters/index.print.html
+++ b/tests/chapters/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -418,8 +418,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index 73f8bb2fc7..0099886154 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -214,12 +214,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -380,12 +380,12 @@ Some preformatted stuff in HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.print.html b/tests/code/index.print.html
index 5611944ce8..2e3fe43f90 100644
--- a/tests/code/index.print.html
+++ b/tests/code/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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 @@ Some preformatted stuff in HTML elements
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/frontmatter/index.html b/tests/frontmatter/index.html
index 6e071c7a6d..4e81b4024e 100644
--- a/tests/frontmatter/index.html
+++ b/tests/frontmatter/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/frontmatter/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,13 +120,13 @@
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-3922f88d8b2367eed2b4eca515a0e929" aria-controls="expandcontent-3922f88d8b2367eed2b4eca515a0e929" >
-    <label class="expand-label" for="expand-3922f88d8b2367eed2b4eca515a0e929" >
+    <input type="checkbox" id="expand-307d5bb69a08043f0cce4425cd4a81fe" aria-controls="expandcontent-307d5bb69a08043f0cce4425cd4a81fe" >
+    <label class="expand-label" for="expand-307d5bb69a08043f0cce4425cd4a81fe" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3922f88d8b2367eed2b4eca515a0e929" class="expand-content">
+    <div id="expandcontent-307d5bb69a08043f0cce4425cd4a81fe" class="expand-content">
 <p>
 </div>
 </div>
@@ -146,17 +146,18 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-81fa62019455de47bb98c903a7f4ca48"
+    id="openapi-2089de99861ad9aab40dfdfa8167b87b"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="257ca6b621fd489f0e48a5e8477f7257">
+<div class="tab-panel" data-tab-group="d1e8db42896d9bf6396f670c74e93e55">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('257ca6b621fd489f0e48a5e8477f7257','')"
+      onclick="switchTab('d1e8db42896d9bf6396f670c74e93e55','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -166,7 +167,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('257ca6b621fd489f0e48a5e8477f7257','')"
+      onclick="switchTab('d1e8db42896d9bf6396f670c74e93e55','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -277,12 +278,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -443,12 +444,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068158"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068158" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068158" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -477,26 +478,26 @@
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686068158"></script>
-    <script src="../../js/d3/d3-color.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068158" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068158" defer></script>
-    <script src="../../js/mermaid.min.js?1686068158" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074107"></script>
+    <script src="../../js/d3/d3-color.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074107" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074107" defer></script>
+    <script src="../../js/mermaid.min.js?1686074107" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686068158" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686068158" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686074107" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686074107" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068158", assetsBuster:  1686068158  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074107", assetsBuster:  1686074107  };
     </script>
-    <script src="../../js/theme.js?1686068158" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/frontmatter/index.print.html b/tests/frontmatter/index.print.html
index 869e9d7a00..abea6c8b7f 100644
--- a/tests/frontmatter/index.print.html
+++ b/tests/frontmatter/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/frontmatter/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,13 +95,13 @@
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-3922f88d8b2367eed2b4eca515a0e929" aria-controls="expandcontent-3922f88d8b2367eed2b4eca515a0e929" >
-    <label class="expand-label" for="expand-3922f88d8b2367eed2b4eca515a0e929" >
+    <input type="checkbox" id="expand-307d5bb69a08043f0cce4425cd4a81fe" aria-controls="expandcontent-307d5bb69a08043f0cce4425cd4a81fe" >
+    <label class="expand-label" for="expand-307d5bb69a08043f0cce4425cd4a81fe" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3922f88d8b2367eed2b4eca515a0e929" class="expand-content">
+    <div id="expandcontent-307d5bb69a08043f0cce4425cd4a81fe" class="expand-content">
 <p>
 </div>
 </div>
@@ -121,17 +121,18 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-81fa62019455de47bb98c903a7f4ca48"
+    id="openapi-2089de99861ad9aab40dfdfa8167b87b"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="257ca6b621fd489f0e48a5e8477f7257">
+<div class="tab-panel" data-tab-group="d1e8db42896d9bf6396f670c74e93e55">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('257ca6b621fd489f0e48a5e8477f7257','')"
+      onclick="switchTab('d1e8db42896d9bf6396f670c74e93e55','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -141,7 +142,7 @@
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('257ca6b621fd489f0e48a5e8477f7257','')"
+      onclick="switchTab('d1e8db42896d9bf6396f670c74e93e55','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -175,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -205,26 +206,26 @@
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686068160" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686068160" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1686074108" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1686074108" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068160", assetsBuster:  1686068160  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074108", assetsBuster:  1686074108  };
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index 88147c595c..e9dee95dd7 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -125,63 +125,63 @@
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-98821eecb2089d55aa81687bfbd9043d" class="lightbox-link">
+<a href="#image-df83a9e8dbcd8b9fbabfcaa6b247440d" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-98821eecb2089d55aa81687bfbd9043d">
+<a href="javascript:history.back();" class="lightbox" id="image-df83a9e8dbcd8b9fbabfcaa6b247440d">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-68a9a4645bfda32bb019af81890072b0" class="lightbox-link">
+<a href="#image-285e9c572c7fd990bc069e34a54d74e4" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-68a9a4645bfda32bb019af81890072b0">
+<a href="javascript:history.back();" class="lightbox" id="image-285e9c572c7fd990bc069e34a54d74e4">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-8d32273b8d571c13334951509fac7ef2" class="lightbox-link">
+<a href="#image-8a6b084187ecbc7aa764514c7e30d316" class="lightbox-link">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d32273b8d571c13334951509fac7ef2">
+<a href="javascript:history.back();" class="lightbox" id="image-8a6b084187ecbc7aa764514c7e30d316">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-4de41a18526b0a916686696963e83192" class="lightbox-link">
+<a href="#image-308f4ac741ed45f6fa5dac49a2d6aa23" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4de41a18526b0a916686696963e83192">
+<a href="javascript:history.back();" class="lightbox" id="image-308f4ac741ed45f6fa5dac49a2d6aa23">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-6af450ce943e1617410a731c8e1a2f64" class="lightbox-link">
+<a href="#image-87503dae41db4da6ce246a0454072492" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6af450ce943e1617410a731c8e1a2f64">
+<a href="javascript:history.back();" class="lightbox" id="image-87503dae41db4da6ce246a0454072492">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-7a1b48a48ca5a155c376003645c96e63" class="lightbox-link">
+<a href="#image-3e218d3b19396d2e4ac5801c3057a2d5" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a1b48a48ca5a155c376003645c96e63">
+<a href="javascript:history.back();" class="lightbox" id="image-3e218d3b19396d2e4ac5801c3057a2d5">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-d407645e7608b5380cc003cfd5e8a5d0" class="lightbox-link">
+<a href="#image-9631dbcffef5dd085507c1c7bb677c0a" class="lightbox-link">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d407645e7608b5380cc003cfd5e8a5d0">
+<a href="javascript:history.back();" class="lightbox" id="image-9631dbcffef5dd085507c1c7bb677c0a">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -285,12 +285,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -451,12 +451,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.print.html b/tests/images/index.print.html
index 891c7450e7..634343345d 100644
--- a/tests/images/index.print.html
+++ b/tests/images/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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,63 +79,63 @@
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-98821eecb2089d55aa81687bfbd9043d" class="lightbox-link">
+<a href="#image-df83a9e8dbcd8b9fbabfcaa6b247440d" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-98821eecb2089d55aa81687bfbd9043d">
+<a href="javascript:history.back();" class="lightbox" id="image-df83a9e8dbcd8b9fbabfcaa6b247440d">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-68a9a4645bfda32bb019af81890072b0" class="lightbox-link">
+<a href="#image-285e9c572c7fd990bc069e34a54d74e4" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-68a9a4645bfda32bb019af81890072b0">
+<a href="javascript:history.back();" class="lightbox" id="image-285e9c572c7fd990bc069e34a54d74e4">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-8d32273b8d571c13334951509fac7ef2" class="lightbox-link">
+<a href="#image-8a6b084187ecbc7aa764514c7e30d316" class="lightbox-link">
 <img src="../../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d32273b8d571c13334951509fac7ef2">
+<a href="javascript:history.back();" class="lightbox" id="image-8a6b084187ecbc7aa764514c7e30d316">
 <img src="../../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-4de41a18526b0a916686696963e83192" class="lightbox-link">
+<a href="#image-308f4ac741ed45f6fa5dac49a2d6aa23" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4de41a18526b0a916686696963e83192">
+<a href="javascript:history.back();" class="lightbox" id="image-308f4ac741ed45f6fa5dac49a2d6aa23">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-6af450ce943e1617410a731c8e1a2f64" class="lightbox-link">
+<a href="#image-87503dae41db4da6ce246a0454072492" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6af450ce943e1617410a731c8e1a2f64">
+<a href="javascript:history.back();" class="lightbox" id="image-87503dae41db4da6ce246a0454072492">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-7a1b48a48ca5a155c376003645c96e63" class="lightbox-link">
+<a href="#image-3e218d3b19396d2e4ac5801c3057a2d5" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a1b48a48ca5a155c376003645c96e63">
+<a href="javascript:history.back();" class="lightbox" id="image-3e218d3b19396d2e4ac5801c3057a2d5">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-d407645e7608b5380cc003cfd5e8a5d0" class="lightbox-link">
+<a href="#image-9631dbcffef5dd085507c1c7bb677c0a" class="lightbox-link">
 <img src="../../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d407645e7608b5380cc003cfd5e8a5d0">
+<a href="javascript:history.back();" class="lightbox" id="image-9631dbcffef5dd085507c1c7bb677c0a">
 <img src="../../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -162,8 +162,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index 8d2ded1224..53e8c1a352 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../js/url.js?1686068158"></script>
-    <script src="../js/variant.js?1686068158"></script>
+    <link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../js/url.js?1686074106"></script>
+    <script src="../js/variant.js?1686074106"></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
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../js/search.js?1686068160" defer></script>
+        <script src="../js/auto-complete.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -355,12 +355,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1686068160"></script>
+          <script async src="../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/index.print.html b/tests/index.print.html
index 5f0935f9c5..b400ce72e0 100644
--- a/tests/index.print.html
+++ b/tests/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../js/url.js?1686068160"></script>
-    <script src="../js/variant.js?1686068160"></script>
+    <link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../js/url.js?1686074108"></script>
+    <script src="../js/variant.js?1686074108"></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
@@ -563,63 +563,63 @@ Some preformatted stuff in HTML elements
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-98821eecb2089d55aa81687bfbd9043d" class="lightbox-link">
+<a href="#image-df83a9e8dbcd8b9fbabfcaa6b247440d" class="lightbox-link">
 <img src="../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-98821eecb2089d55aa81687bfbd9043d">
+<a href="javascript:history.back();" class="lightbox" id="image-df83a9e8dbcd8b9fbabfcaa6b247440d">
 <img src="../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-68a9a4645bfda32bb019af81890072b0" class="lightbox-link">
+<a href="#image-285e9c572c7fd990bc069e34a54d74e4" class="lightbox-link">
 <img src="../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-68a9a4645bfda32bb019af81890072b0">
+<a href="javascript:history.back();" class="lightbox" id="image-285e9c572c7fd990bc069e34a54d74e4">
 <img src="../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-8d32273b8d571c13334951509fac7ef2" class="lightbox-link">
+<a href="#image-8a6b084187ecbc7aa764514c7e30d316" class="lightbox-link">
 <img src="../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d32273b8d571c13334951509fac7ef2">
+<a href="javascript:history.back();" class="lightbox" id="image-8a6b084187ecbc7aa764514c7e30d316">
 <img src="../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-4de41a18526b0a916686696963e83192" class="lightbox-link">
+<a href="#image-308f4ac741ed45f6fa5dac49a2d6aa23" class="lightbox-link">
 <img src="../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4de41a18526b0a916686696963e83192">
+<a href="javascript:history.back();" class="lightbox" id="image-308f4ac741ed45f6fa5dac49a2d6aa23">
 <img src="../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-6af450ce943e1617410a731c8e1a2f64" class="lightbox-link">
+<a href="#image-87503dae41db4da6ce246a0454072492" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6af450ce943e1617410a731c8e1a2f64">
+<a href="javascript:history.back();" class="lightbox" id="image-87503dae41db4da6ce246a0454072492">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-7a1b48a48ca5a155c376003645c96e63" class="lightbox-link">
+<a href="#image-3e218d3b19396d2e4ac5801c3057a2d5" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a1b48a48ca5a155c376003645c96e63">
+<a href="javascript:history.back();" class="lightbox" id="image-3e218d3b19396d2e4ac5801c3057a2d5">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-d407645e7608b5380cc003cfd5e8a5d0" class="lightbox-link">
+<a href="#image-9631dbcffef5dd085507c1c7bb677c0a" class="lightbox-link">
 <img src="../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d407645e7608b5380cc003cfd5e8a5d0">
+<a href="javascript:history.back();" class="lightbox" id="image-9631dbcffef5dd085507c1c7bb677c0a">
 <img src="../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -767,25 +767,25 @@ Some preformatted stuff in HTML elements
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-bf0645f4525f66527d8af0b783960a66" aria-controls="expandcontent-bf0645f4525f66527d8af0b783960a66" >
-    <label class="expand-label" for="expand-bf0645f4525f66527d8af0b783960a66" >
+    <input type="checkbox" id="expand-44cd0398c60ac021b6af6bf0c9990489" aria-controls="expandcontent-44cd0398c60ac021b6af6bf0c9990489" >
+    <label class="expand-label" for="expand-44cd0398c60ac021b6af6bf0c9990489" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-bf0645f4525f66527d8af0b783960a66" class="expand-content">
+    <div id="expandcontent-44cd0398c60ac021b6af6bf0c9990489" class="expand-content">
 <p>
 Thank you!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-7967646e001f302e5a81bb8a1cccaa33" aria-controls="expandcontent-7967646e001f302e5a81bb8a1cccaa33" >
-    <label class="expand-label" for="expand-7967646e001f302e5a81bb8a1cccaa33" >
+    <input type="checkbox" id="expand-41f4b800c59f76c9580f4c7fe4fa5c0e" aria-controls="expandcontent-41f4b800c59f76c9580f4c7fe4fa5c0e" >
+    <label class="expand-label" for="expand-41f4b800c59f76c9580f4c7fe4fa5c0e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7967646e001f302e5a81bb8a1cccaa33" class="expand-content">
+    <div id="expandcontent-41f4b800c59f76c9580f4c7fe4fa5c0e" class="expand-content">
 <p>
 Thank you!</div>
 </div>
@@ -949,12 +949,13 @@ Thank you!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="66b55642440024257a04616abcb873f4">
+<div class="tab-panel" data-tab-group="a1a47ae4402eebaf79d9f1e104ca5092">
   <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('66b55642440024257a04616abcb873f4','python')"
+      onclick="switchTab('a1a47ae4402eebaf79d9f1e104ca5092','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -964,7 +965,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('66b55642440024257a04616abcb873f4','bash')"
+      onclick="switchTab('a1a47ae4402eebaf79d9f1e104ca5092','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -992,12 +993,13 @@ Thank you!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="1997adb226f08afd0ac0f3f71200b005">
+<div class="tab-panel" data-tab-group="b67b0e15dba14ba2b3bc7dacfbae41f0">
   <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('1997adb226f08afd0ac0f3f71200b005','python')"
+      onclick="switchTab('b67b0e15dba14ba2b3bc7dacfbae41f0','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1007,7 +1009,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1997adb226f08afd0ac0f3f71200b005','bash')"
+      onclick="switchTab('b67b0e15dba14ba2b3bc7dacfbae41f0','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1268,10 +1270,10 @@ Thank you!</div>
 <tr>
 <td>
 		
-<a href="#image-078a90546da364a642d885df58a556b1" class="lightbox-link">
+<a href="#image-722dd2a10fdf5a813ffd5cbc3f674249" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-078a90546da364a642d885df58a556b1">
+<a href="javascript:history.back();" class="lightbox" id="image-722dd2a10fdf5a813ffd5cbc3f674249">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -1354,13 +1356,13 @@ Thank you!</div>
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-603a6aef7b8f5a78c9298b04e8d6868c" aria-controls="expandcontent-603a6aef7b8f5a78c9298b04e8d6868c" >
-    <label class="expand-label" for="expand-603a6aef7b8f5a78c9298b04e8d6868c" >
+    <input type="checkbox" id="expand-5dced16bc1ddea08ab1088a28aa6b8b4" aria-controls="expandcontent-5dced16bc1ddea08ab1088a28aa6b8b4" >
+    <label class="expand-label" for="expand-5dced16bc1ddea08ab1088a28aa6b8b4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-603a6aef7b8f5a78c9298b04e8d6868c" class="expand-content">
+    <div id="expandcontent-5dced16bc1ddea08ab1088a28aa6b8b4" class="expand-content">
 <p>
 Thank you!</div>
 </div></td>
@@ -1471,12 +1473,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="1585e7ae9facb9b6de35cf650cb608d0">
+<div class="tab-panel" data-tab-group="826a2ff90f7354b8dc6b067c91e32208">
   <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('1585e7ae9facb9b6de35cf650cb608d0','python')"
+      onclick="switchTab('826a2ff90f7354b8dc6b067c91e32208','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1486,7 +1489,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1585e7ae9facb9b6de35cf650cb608d0','bash')"
+      onclick="switchTab('826a2ff90f7354b8dc6b067c91e32208','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -1555,13 +1558,13 @@ graph LR;
 </ul>
 
 <div class="expand">
-    <input type="checkbox" id="expand-3922f88d8b2367eed2b4eca515a0e929" aria-controls="expandcontent-3922f88d8b2367eed2b4eca515a0e929" >
-    <label class="expand-label" for="expand-3922f88d8b2367eed2b4eca515a0e929" >
+    <input type="checkbox" id="expand-307d5bb69a08043f0cce4425cd4a81fe" aria-controls="expandcontent-307d5bb69a08043f0cce4425cd4a81fe" >
+    <label class="expand-label" for="expand-307d5bb69a08043f0cce4425cd4a81fe" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3922f88d8b2367eed2b4eca515a0e929" class="expand-content">
+    <div id="expandcontent-307d5bb69a08043f0cce4425cd4a81fe" class="expand-content">
 <p>
 </div>
 </div>
@@ -1581,17 +1584,18 @@ graph LR;
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-81fa62019455de47bb98c903a7f4ca48"
+    id="openapi-2089de99861ad9aab40dfdfa8167b87b"
     openapi-url=""
   ></div>
 </div>
 
-<div class="tab-panel" data-tab-group="257ca6b621fd489f0e48a5e8477f7257">
+<div class="tab-panel" data-tab-group="d1e8db42896d9bf6396f670c74e93e55">
   <div class="tab-nav">
+    <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('257ca6b621fd489f0e48a5e8477f7257','')"
+      onclick="switchTab('d1e8db42896d9bf6396f670c74e93e55','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1601,7 +1605,7 @@ graph LR;
     <button
       data-tab-item=""
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('257ca6b621fd489f0e48a5e8477f7257','')"
+      onclick="switchTab('d1e8db42896d9bf6396f670c74e93e55','')"
     >
       <div>
         <div class="tab-nav-hidden">&#8203;</div>
@@ -1663,8 +1667,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -1693,26 +1697,26 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1686068160" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1686068160" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1686074108" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1686074108" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686068160", assetsBuster:  1686068160  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1686074108", assetsBuster:  1686074108  };
     </script>
-    <script src="../js/theme.js?1686068160" defer></script>
+    <script src="../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/index.xml b/tests/index.xml
index f1e089a9b8..3a39afcaf3 100644
--- a/tests/index.xml
+++ b/tests/index.xml
@@ -89,7 +89,7 @@ HTML Line II i Markdown Multicell I Markdown Multicell II Headings i HTML h1 i H
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/tests/frontmatter/index.html</guid>
       <description>Empty Properties Attachments Expand me&amp;hellip; aa
-&amp;#8203; &amp;#8203; &amp;#8203; &amp;#8203; </description>
+&amp;#8203; &amp;#8203; &amp;#8203; &amp;#8203; &amp;#8203; </description>
     </item>
     <item>
       <title>Width</title>
diff --git a/tests/lists/index.html b/tests/lists/index.html
index f259c70f1e..d9f0539d66 100644
--- a/tests/lists/index.html
+++ b/tests/lists/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/lists/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -231,25 +231,25 @@
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-bf0645f4525f66527d8af0b783960a66" aria-controls="expandcontent-bf0645f4525f66527d8af0b783960a66" >
-    <label class="expand-label" for="expand-bf0645f4525f66527d8af0b783960a66" >
+    <input type="checkbox" id="expand-44cd0398c60ac021b6af6bf0c9990489" aria-controls="expandcontent-44cd0398c60ac021b6af6bf0c9990489" >
+    <label class="expand-label" for="expand-44cd0398c60ac021b6af6bf0c9990489" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-bf0645f4525f66527d8af0b783960a66" class="expand-content">
+    <div id="expandcontent-44cd0398c60ac021b6af6bf0c9990489" class="expand-content">
 <p>
 Thank you!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-7967646e001f302e5a81bb8a1cccaa33" aria-controls="expandcontent-7967646e001f302e5a81bb8a1cccaa33" >
-    <label class="expand-label" for="expand-7967646e001f302e5a81bb8a1cccaa33" >
+    <input type="checkbox" id="expand-41f4b800c59f76c9580f4c7fe4fa5c0e" aria-controls="expandcontent-41f4b800c59f76c9580f4c7fe4fa5c0e" >
+    <label class="expand-label" for="expand-41f4b800c59f76c9580f4c7fe4fa5c0e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7967646e001f302e5a81bb8a1cccaa33" class="expand-content">
+    <div id="expandcontent-41f4b800c59f76c9580f4c7fe4fa5c0e" class="expand-content">
 <p>
 Thank you!</div>
 </div>
@@ -413,12 +413,13 @@ Thank you!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="66b55642440024257a04616abcb873f4">
+<div class="tab-panel" data-tab-group="a1a47ae4402eebaf79d9f1e104ca5092">
   <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('66b55642440024257a04616abcb873f4','python')"
+      onclick="switchTab('a1a47ae4402eebaf79d9f1e104ca5092','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -428,7 +429,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('66b55642440024257a04616abcb873f4','bash')"
+      onclick="switchTab('a1a47ae4402eebaf79d9f1e104ca5092','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -456,12 +457,13 @@ Thank you!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="1997adb226f08afd0ac0f3f71200b005">
+<div class="tab-panel" data-tab-group="b67b0e15dba14ba2b3bc7dacfbae41f0">
   <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('1997adb226f08afd0ac0f3f71200b005','python')"
+      onclick="switchTab('b67b0e15dba14ba2b3bc7dacfbae41f0','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -471,7 +473,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1997adb226f08afd0ac0f3f71200b005','bash')"
+      onclick="switchTab('b67b0e15dba14ba2b3bc7dacfbae41f0','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -597,12 +599,12 @@ Thank you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -763,12 +765,12 @@ Thank you!</div>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -797,20 +799,20 @@ Thank you!</div>
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/lists/index.print.html b/tests/lists/index.print.html
index 48e58703b7..24a51bfea8 100644
--- a/tests/lists/index.print.html
+++ b/tests/lists/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/lists/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/lists/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -194,25 +194,25 @@
 <li>
 
 <div class="expand">
-    <input type="checkbox" id="expand-bf0645f4525f66527d8af0b783960a66" aria-controls="expandcontent-bf0645f4525f66527d8af0b783960a66" >
-    <label class="expand-label" for="expand-bf0645f4525f66527d8af0b783960a66" >
+    <input type="checkbox" id="expand-44cd0398c60ac021b6af6bf0c9990489" aria-controls="expandcontent-44cd0398c60ac021b6af6bf0c9990489" >
+    <label class="expand-label" for="expand-44cd0398c60ac021b6af6bf0c9990489" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-bf0645f4525f66527d8af0b783960a66" class="expand-content">
+    <div id="expandcontent-44cd0398c60ac021b6af6bf0c9990489" class="expand-content">
 <p>
 Thank you!</div>
 </div>
 
 <div class="expand">
-    <input type="checkbox" id="expand-7967646e001f302e5a81bb8a1cccaa33" aria-controls="expandcontent-7967646e001f302e5a81bb8a1cccaa33" >
-    <label class="expand-label" for="expand-7967646e001f302e5a81bb8a1cccaa33" >
+    <input type="checkbox" id="expand-41f4b800c59f76c9580f4c7fe4fa5c0e" aria-controls="expandcontent-41f4b800c59f76c9580f4c7fe4fa5c0e" >
+    <label class="expand-label" for="expand-41f4b800c59f76c9580f4c7fe4fa5c0e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-7967646e001f302e5a81bb8a1cccaa33" class="expand-content">
+    <div id="expandcontent-41f4b800c59f76c9580f4c7fe4fa5c0e" class="expand-content">
 <p>
 Thank you!</div>
 </div>
@@ -376,12 +376,13 @@ Thank you!</div>
 </li>
 <li>
 
-<div class="tab-panel" data-tab-group="66b55642440024257a04616abcb873f4">
+<div class="tab-panel" data-tab-group="a1a47ae4402eebaf79d9f1e104ca5092">
   <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('66b55642440024257a04616abcb873f4','python')"
+      onclick="switchTab('a1a47ae4402eebaf79d9f1e104ca5092','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -391,7 +392,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('66b55642440024257a04616abcb873f4','bash')"
+      onclick="switchTab('a1a47ae4402eebaf79d9f1e104ca5092','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -419,12 +420,13 @@ Thank you!</div>
   </div>
 </div>
 
-<div class="tab-panel" data-tab-group="1997adb226f08afd0ac0f3f71200b005">
+<div class="tab-panel" data-tab-group="b67b0e15dba14ba2b3bc7dacfbae41f0">
   <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('1997adb226f08afd0ac0f3f71200b005','python')"
+      onclick="switchTab('b67b0e15dba14ba2b3bc7dacfbae41f0','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -434,7 +436,7 @@ Thank you!</div>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1997adb226f08afd0ac0f3f71200b005','bash')"
+      onclick="switchTab('b67b0e15dba14ba2b3bc7dacfbae41f0','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -483,8 +485,8 @@ Thank you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -513,20 +515,20 @@ Thank you!</div>
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.html b/tests/tables/index.html
index 668deeec98..7d6f370954 100644
--- a/tests/tables/index.html
+++ b/tests/tables/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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
@@ -316,10 +316,10 @@
 <tr>
 <td>
 		
-<a href="#image-078a90546da364a642d885df58a556b1" class="lightbox-link">
+<a href="#image-722dd2a10fdf5a813ffd5cbc3f674249" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-078a90546da364a642d885df58a556b1">
+<a href="javascript:history.back();" class="lightbox" id="image-722dd2a10fdf5a813ffd5cbc3f674249">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -402,13 +402,13 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-603a6aef7b8f5a78c9298b04e8d6868c" aria-controls="expandcontent-603a6aef7b8f5a78c9298b04e8d6868c" >
-    <label class="expand-label" for="expand-603a6aef7b8f5a78c9298b04e8d6868c" >
+    <input type="checkbox" id="expand-5dced16bc1ddea08ab1088a28aa6b8b4" aria-controls="expandcontent-5dced16bc1ddea08ab1088a28aa6b8b4" >
+    <label class="expand-label" for="expand-5dced16bc1ddea08ab1088a28aa6b8b4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-603a6aef7b8f5a78c9298b04e8d6868c" class="expand-content">
+    <div id="expandcontent-5dced16bc1ddea08ab1088a28aa6b8b4" class="expand-content">
 <p>
 Thank you!</div>
 </div></td>
@@ -519,12 +519,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="1585e7ae9facb9b6de35cf650cb608d0">
+<div class="tab-panel" data-tab-group="826a2ff90f7354b8dc6b067c91e32208">
   <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('1585e7ae9facb9b6de35cf650cb608d0','python')"
+      onclick="switchTab('826a2ff90f7354b8dc6b067c91e32208','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -534,7 +535,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1585e7ae9facb9b6de35cf650cb608d0','bash')"
+      onclick="switchTab('826a2ff90f7354b8dc6b067c91e32208','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -658,12 +659,12 @@ graph LR;
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068160" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068160" defer></script>
-        <script src="../../js/search.js?1686068160" defer></script>
+        <script src="../../js/auto-complete.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074108" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074108" defer></script>
+        <script src="../../js/search.js?1686074108" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -824,12 +825,12 @@ graph LR;
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068160"></script>
+          <script async src="../../js/buttons.js?1686074108"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -858,20 +859,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.print.html b/tests/tables/index.print.html
index 7cf9077f81..7e3c66eb68 100644
--- a/tests/tables/index.print.html
+++ b/tests/tables/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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
@@ -285,10 +285,10 @@
 <tr>
 <td>
 		
-<a href="#image-078a90546da364a642d885df58a556b1" class="lightbox-link">
+<a href="#image-722dd2a10fdf5a813ffd5cbc3f674249" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-078a90546da364a642d885df58a556b1">
+<a href="javascript:history.back();" class="lightbox" id="image-722dd2a10fdf5a813ffd5cbc3f674249">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -371,13 +371,13 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-603a6aef7b8f5a78c9298b04e8d6868c" aria-controls="expandcontent-603a6aef7b8f5a78c9298b04e8d6868c" >
-    <label class="expand-label" for="expand-603a6aef7b8f5a78c9298b04e8d6868c" >
+    <input type="checkbox" id="expand-5dced16bc1ddea08ab1088a28aa6b8b4" aria-controls="expandcontent-5dced16bc1ddea08ab1088a28aa6b8b4" >
+    <label class="expand-label" for="expand-5dced16bc1ddea08ab1088a28aa6b8b4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-603a6aef7b8f5a78c9298b04e8d6868c" class="expand-content">
+    <div id="expandcontent-5dced16bc1ddea08ab1088a28aa6b8b4" class="expand-content">
 <p>
 Thank you!</div>
 </div></td>
@@ -488,12 +488,13 @@ graph LR;
 <tbody>
 <tr>
 <td>
-<div class="tab-panel" data-tab-group="1585e7ae9facb9b6de35cf650cb608d0">
+<div class="tab-panel" data-tab-group="826a2ff90f7354b8dc6b067c91e32208">
   <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('1585e7ae9facb9b6de35cf650cb608d0','python')"
+      onclick="switchTab('826a2ff90f7354b8dc6b067c91e32208','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -503,7 +504,7 @@ graph LR;
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('1585e7ae9facb9b6de35cf650cb608d0','bash')"
+      onclick="switchTab('826a2ff90f7354b8dc6b067c91e32208','bash')"
     >
       <div>
         <div class="tab-nav-hidden">bash</div>
@@ -550,8 +551,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -580,20 +581,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686068160"></script>
-    <script src="../../js/d3/d3-color.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1686068160" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1686068160" defer></script>
-    <script src="../../js/mermaid.min.js?1686068160" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1686074108"></script>
+    <script src="../../js/d3/d3-color.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1686074108" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1686074108" defer></script>
+    <script src="../../js/mermaid.min.js?1686074108" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.html b/tests/width/index.html
index a6b496c298..b1f68ec640 100644
--- a/tests/width/index.html
+++ b/tests/width/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068158" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068158" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068158" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068158" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068158" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068158" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068158" rel="stylesheet">
-    <link href="../../css/print.css?1686068158" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1686068158" rel="stylesheet">
-    <script src="../../js/url.js?1686068158"></script>
-    <script src="../../js/variant.js?1686068158"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074106" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074106" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074106" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074106" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074106" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074106" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074106" rel="stylesheet">
+    <link href="../../css/print.css?1686074106" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1686074106" rel="stylesheet">
+    <script src="../../js/url.js?1686074106"></script>
+    <script src="../../js/variant.js?1686074106"></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,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1686068158" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1686068158" defer></script>
-        <script src="../../js/search.js?1686068158" defer></script>
+        <script src="../../js/auto-complete.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1686074107" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1686074107" defer></script>
+        <script src="../../js/search.js?1686074107" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -358,12 +358,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1686068159"></script>
+          <script async src="../../js/buttons.js?1686074107"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1686068159" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068159" defer></script>
-    <script src="../../js/theme.js?1686068159" defer></script>
+    <script src="../../js/clipboard.min.js?1686074107" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074107" defer></script>
+    <script src="../../js/theme.js?1686074107" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.print.html b/tests/width/index.print.html
index 3e30292046..18ac53ce08 100644
--- a/tests/width/index.print.html
+++ b/tests/width/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1686068158" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1686074106" 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?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1686068160" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1686068160" rel="stylesheet">
-    <link href="../../css/fonts.css?1686068160" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686068160" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1686068160" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1686068160" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1686068160" rel="stylesheet">
-    <link href="../../css/print.css?1686068160" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1686068160" rel="stylesheet">
-    <link href="../../css/ie.css?1686068160" rel="stylesheet">
-    <script src="../../js/url.js?1686068160"></script>
-    <script src="../../js/variant.js?1686068160"></script>
+    <link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1686074108" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1686074108" rel="stylesheet">
+    <link href="../../css/fonts.css?1686074108" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686074108" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1686074108" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1686074108" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1686074108" rel="stylesheet">
+    <link href="../../css/print.css?1686074108" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1686074108" rel="stylesheet">
+    <link href="../../css/ie.css?1686074108" rel="stylesheet">
+    <script src="../../js/url.js?1686074108"></script>
+    <script src="../../js/variant.js?1686074108"></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?1686068160" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1686068160" defer></script>
-    <script src="../../js/theme.js?1686068160" defer></script>
+    <script src="../../js/clipboard.min.js?1686074108" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1686074108" defer></script>
+    <script src="../../js/theme.js?1686074108" defer></script>
   </body>
 </html>